gen ui

GenUI

使用文本或图像提示生成使用 React 构建的 UI 组件和应用程序。由 OpenAI 的 Assistants API 和 CodeSandbox 的 Sandpack 提供支持。

开始使用

获取 OpenAI API 密钥

在项目的根目录中创建一个.env.local文件并添加您的 OpenAI API 密钥：

OPENAI_API_KEY=sk-...

安装

yarn install

启动应用程序

yarn dev

打开 http://localhost:3000 在浏览器中查看。

1.创建新助手

• 这些可以是通用的（例如 React），也可以是特定于组件库的（例如 React Spectrum）
• 这些可以在 GenUI 内或 OpenAI 平台上进行管理。使用OpenAI的平台添加用于知识检索的文件（例如Markdown文件中的组件库文档）。

2. 使用该助手创建一个新线程

• 这代表您正在构建的应用程序及其所有迭代。

3. 输入文本提示并可以选择添加图像。

• 注意：您的 OpenAI 帐户必须有权访问gpt-vision-preview模型才能上传图像。

5. 根据提示生成一个可运行的 React 应用程序。

6. 请求修改或向应用程序添加更多功能，然后重复。