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. 請求修改或在應用程式中新增更多功能，然後重複。