拿到一张网页截图，再照着它一点点量间距、调颜色、写代码，是前端开发里颇费时间的活。开源项目 abi/screenshot-to-code 想把这一步交给 AI：读懂截图、设计稿、Figma 设计或屏幕录像，直接生成可编辑、可运行的网页代码。它连续两天登上 GitHub 热榜，单日新增 326 星，说明快速制作原型和复刻页面的需求仍然旺盛。
它不只输出静态页面，还支持 HTML、React、Vue、Bootstrap、Ionic，以及 Tailwind CSS——一种用简短工具类组合间距、颜色和布局的样式方案。屏幕录像也能被转成功能原型。用户可以直接使用托管版，也可在本地部署并接入 OpenAI、Anthropic 或 Gemini 等模型。不过，截图转代码并不等于成品自动交付：响应式布局、交互细节和代码可维护性通常仍需人工检查。