AI灵感世界它是什么
Draw-a-UI 是 Sawyer Hood（GitHub 用户 SawyerHood）做的演示应用。你在 tldraw 白板上画一个网页线框图，它把画布转成 PNG 图片，发给 OpenAI 的 GPT-4 Vision，让模型返回一个用 Tailwind 写的单文件 HTML 网页。它特别的地方是做法很直接，画完就出页面，整个过程看得明白。作者说这个项目的后续是 Terragon Labs。
亮点：
- 用 tldraw 白板画图
- 输出是单个 HTML 文件，样式用 Tailwind
- 项目是 Next.js 应用，代码量小，方便看懂和改。
怎么用：
- 先在项目根目录把 OpenAI API key 写进 .env.local
- 再运行 npm install 和 npm run dev
- 最后打开 http://localhost:3000 画线框图。
适合谁：
想看看“画图变网页”怎么实现，或拿来改着玩的开发者。
使用前提：
- 需要 Node.js 18.17 以上，和一个能用 GPT-4 Vision 的 OpenAI API key。
- 你画的图会发给 OpenAI。
- 作者提醒，这只是演示，别用在正式产品里；它没有登录验证，部署到公网后别人也能用你的 key，费用会算在你头上。
- 使用这些功能前，请自己斟酌安全，由此产生的后果与本站无关，本站一概不负责。
- OpenAI API 按用量收费。
- 许可证是 MIT。
以上根据项目公开说明整理，本站没有实际测试。