AI灵感世界它是什么
screenshot-to-code 是 Abi Raja（GitHub 用户 abi）做的开源应用。你上传截图、设计稿、Figma 设计或网页录屏，AI 模型会把它写成前端代码，可以选 HTML 加 Tailwind、React 加 Tailwind、Vue 加 Tailwind、Bootstrap 等写法。它特别的地方是能读网页录屏，把一段操作过程变成可以点的原型。不想自己搭环境的话，作者也提供了线上版 screenshottocode.com。
亮点：
- 可以接 OpenAI、Anthropic 和 Gemini 的模型，一次出几个版本对比
- 配了 Gemini 时会从截图里取回原来的 logo 和图片
- 配了 Replicate 时可以生成图片、去背景、改图
- 装好 Chromium 后，代理会在无头浏览器里打开自己写的页面，看一眼再改。
怎么用：
- 先在 backend 文件夹里写好 API key，用 poetry install 装好后端并启动
- 再到 frontend 文件夹运行 pnpm install 和 pnpm dev
- 最后打开 http://localhost:5173 上传截图。
适合谁：
想把设计稿或参考网页快速变成前端代码的开发者和设计师。
使用前提：
- 本地运行要 Python、Poetry、Node.js 和 pnpm，也可以用 Docker。
- 至少要一个 OpenAI、Anthropic 或 Gemini 的 API key，作者特别推荐加上 Gemini 和 Replicate；视频模式必须用 Gemini。
- 你上传的截图和录屏会发给所选的模型服务商。
- 模型 API 按用量收费，线上版的收费以官网为准。
- 模型版本以官网为准。
- 许可证是 MIT。
以上根据项目公开说明整理，本站没有实际测试。