draw a ui

绘画

这是一个使用TLDRAW和GPT-4-Vision API的应用程序来基于绘制的线框生成HTML。

我目前正在制作托管版的托管版。您可以在draw-a-ui.com上加入候补名单。它的核心将始终是开源的，在这里可用。

这可以通过将当前的Canvas SVG，将其转换为PNG，然后将PNG发送到GPT-4-Vision，并带有指令将其发送到GPT-4-Vision，以返回带有尾风的单个HTML文件。

免责声明：这是一个演示，不打算用于生产。它没有任何验证，因此如果您部署它，您将破产。

入门

这是一个spap。开始在项目的根目录中运行以下命令。您将需要一个访问GPT-4 Vision API的OpenAI API键。

请注意，这使用Next.js 14，并且需要一个大于18.17的node版本。在这里阅读更多。

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

打开http：// localhost：3000使用浏览器查看结果。