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 플랫폼을 사용하여 지식 검색용 파일을 추가합니다(예: 마크다운 파일의 구성 요소 라이브러리 문서).

2. 해당 어시스턴트로 새 스레드 만들기

• 이는 빌드 중인 앱과 모든 반복을 나타냅니다.

3. 텍스트 프롬프트를 입력하고 선택적으로 이미지를 추가합니다.

• 참고: 이미지를 업로드하려면 OpenAI 계정 gpt-vision-preview 모델에 대한 액세스 권한이 있어야 합니다.

5. 프롬프트에 따라 작동하는 React 앱이 생성됩니다.

6. 앱에 추가할 수정 사항이나 더 많은 기능을 요청하고 반복하세요.