为什么值得关注
解决从设计稿手动编写前端代码耗时的问题。输入截图即可生成对应代码，支持 HTML、Tailwind CSS、React 和 Vue 多种输出格式。
screenshot-to-code
abi/screenshot-to-code将截图转换为 HTML、Tailwind、React 或 Vue 代码
先看懂，再决定是否打开。
先用一句话看懂用途，再判断它为什么值得你继续了解。
如何开始使用
从官方 README 的安装与使用章节开始。先确认运行环境、API 密钥和许可证；代码开放不代表模型调用、云服务或硬件运行没有成本。
打开官方使用说明 ↗做决定前，
再看这些事实。
只保留能帮助判断成熟度、使用门槛和来源可信度的信息。
- 项目类型
- GitHub 项目
- 所属分类
- Web、效率与创作
- GitHub 仓库
- abi/screenshot-to-code
- 英文原始描述
- Drop in a screenshot and convert it to clean code ( HTML/Tailwind / React/Vue )
- GitHub Stars
- 77K
- 价格
- 代码开放 · 运行费用另计
- 许可证
- MIT
- Vauxland 资料更新
- 2026 年 8 月 31 日