draw a ui

Draw-A-UI

이 앱은 TLDRAD와 GPT-4-VISION API를 사용하여 그리는 와이어 프레임을 기반으로 HTML을 생성하는 앱입니다.

저는 현재 호스팅 된 Draw-A-UI 버전을 작업하고 있습니다. Draw-A-Ui.com에서 대기자 명단에 가입 할 수 있습니다. 그것의 핵심은 항상 오픈 소스이며 여기에서 사용할 수 있습니다.

이것은 현재 Canvas SVG를 가져 와서 PNG로 변환하고 PNG를 GPT-4- vision으로 보내어 Tailwind가있는 단일 HTML 파일을 반환하는 지침으로 보냅니다.

면책 조항 : 이것은 데모이며 생산 사용을위한 것이 아닙니다. 인증이 없으므로 배치하면 파산 할 것입니다.

시작하기

이것은 다음.js 앱입니다. 시작하려면 프로젝트의 루트 디렉토리에서 다음 명령을 실행하십시오. GPT-4 Vision API에 액세스 할 수있는 OpenAI API 키가 필요합니다.

다음은 다음으로 사용하며 18.17보다 큰 node 버전이 필요합니다. 여기에서 자세히 알아보십시오.

 echo " OPENAI_API_KEY=sk-your-key " > .env.local
npm install
npm run dev

결과를 확인하려면 브라우저를 사용하여 http : // localhost : 3000을 엽니 다.