一张草图变成网页

draw-a-ui：画个草图，让 AI 帮你搭出网页

脑子里有一个网页布局，却不知道怎么把它写出来？draw-a-ui 展示了一个有趣的思路：先在画布上画出界面的轮廓，再让 AI 把草图转换成网页代码。

比如，你可以用方框表示图片位置，用文字标出标题和按钮。这个小项目会把画布转成图片，交给能理解图像的模型，再要求模型返回一个 HTML 页面。

它把“看懂草图”和“生成代码”接在了一起。对刚接触 AI 开发的人来说，这条流程很直观：输入是一张手绘线框图，输出是一份网页文件。页面是否符合想法，还需要继续检查和修改。

这个项目适合用来了解多模态 AI 的玩法，也适合研究界面原型如何生成。原始示例使用云端模型接口，需要配置 API 密钥，调用可能产生费用；草图也会发送给相应模型服务。

需要注意，它是概念演示。示例引用了较早的模型接口，复现前需核对兼容性；项目未设计身份验证，不适合直接作为公开服务部署。看它的价值，可以先从“如何把一个小创意串成完整流程”开始。