screenshot-to-code：截一张图，直接出前端代码

看到好看的网页想复刻但不想手写代码？screenshot-to-code 上传一张截图，AI 直接生成对应的 HTML/Tailwind 前端代码。它不只是简单的像素复制，而是理解布局结构、组件关系，生成语义化的代码。支持 React、Vue、Tailwind 多种技术栈，生成后可以直接改。对快速原型、设计还原、学习前端布局都很有用。

GitHub：abi/screenshot-to-code ⭐ 73k

核心亮点

• 上传截图一键生成 HTML/Tailwind/React/Vue 代码
• 理解布局结构而非简单像素克隆，代码语义化
• 支持上传参考图片生成完整页面
• 浏览器端直接运行，也可自托管

适用场景

快速复刻设计稿到可运行代码；前端新手学习布局写法；设计师想快速验证设计可实现性。