Imagine With Craft

使用 Craft 的 API 通过 v0 构建

开启 API 后,你的 Craft 文档即可为你创建的应用提供数据支持。接下来,你可以使用 v0,利用文档数据构建新内容

Craft
v0

为文档启用 API

首先,你需要启用 API,以便 Craft 为你的文档设置 API 端点。然后,使用 API 端点 URL 从 v0 连接到服务器。

第 1 步

打开 “Imagine” 标签页

第 2 步

点击 “Add Your First API Connection”

第 3 步

为你的 API 连接配置一个名称。

第 4 步

点击 “Add Document” 来选择此 API 连接可以访问的文档。

第 5 步

用于与你的文档交互的 API URL 现在显示在顶部

第 6 步

点击 “Download AI Bundle” 按钮。这将下载一个包含 API 文档和你的文档内容的文件夹。

在 v0 提示词中使用 API

为你的 Craft 文档启用 API 后,你现在可以专注于编写提示词,v0 将使用它来生成你的项目。

为了让 v0 了解如何使用 API 并理解你文档的结构,你需要将 AI bundle 附加到提示词中。这个 bundle 是一个 markdown 文档,包含你的 Craft 文档的当前内容以及 API 文档。

第 1 步

前往 v0。你可以直接从首页的提示框中创建新项目。

第 2 步

点击加号按钮后,在提示框中选择“从电脑上传”选项,然后上传你从 Craft 下载的 AI 文件包。

第 3 步

附件应出现在提示框的左上角。

现在你可以添加提示词来描述你想构建的应用。以下是一个非常通用的示例,可用于测试:

请创建一个网站,将我连接的 Craft 文档内容可视化展示。你可以在附件中找到如何访问这些数据及其结构的说明。

第 4 步

现在 v0 将分析文档,并使用 API 获取数据来构建网站。

一些帮助你入门的灵感

浏览示例