AI 编程与建站
Screenshot to Code
abi/screenshot-to-code
一句话看懂
上传截图或录屏就能生成可继续编辑的网页代码，把临摹界面的第一版压缩到几分钟。
上传一张界面截图、网页 URL 或操作录屏，生成可继续编辑的 HTML、React、Vue 等前端代码，适合非开发者快速做出页面原型，再交给 Agent 或开发者继续修改。
项目生命线
从发现，到真正做出东西。
- 01已发现
仓库和发现来源已进入项目库
- 02已核验
README、版本、许可和主要能力已核对
- 03已实测
等待第一位实验者
- 04已产出
等待成果进入收成区
它能帮你完成什么
上传截图或录屏就能生成可继续编辑的网页代码，把临摹界面的第一版压缩到几分钟。
上传一张界面截图、网页 URL 或操作录屏，生成可继续编辑的 HTML、React、Vue 等前端代码，适合非开发者快速做出页面原型，再交给 Agent 或开发者继续修改。
- 官方仓库提供截图、网页 URL 和录屏输入，可生成 HTML、React、Vue 等前端实现，并可在界面中继续迭代。
- 项目仍出现在 2026-08-29 GitHub Trending Today，X 上近期中文介绍也把重点放在截图、Figma 和录屏直接生成可运行前端。
它怎样帮上忙
从实际问题，看到对应能力。
本页根据项目 README 整理主要功能，方便先判断它是否适合你的任务。
项目档案 × 真实实验
谁真正试过这个项目？
官方档案说明它声称能做什么；社区实验记录它在真实环境里做成了什么。
还没有人公开这项实验。
如果你已经试过它，请把过程、结果和踩坑经验留给后来的人。
成为第一个实验者