AI从截图直接生成代码、前端程序员的福音

简介

项目可以将任何屏幕截图或设计转换为干净的代码（支持大多数框架）。来自领先公司的开发人员和设计师使用的排名第一的工具。完全开源，在 GitHub 上拥有超过 35,000 颗星。非常受欢迎。

各位小伙伴们感觉有帮助的，可以收藏一下，方便下次找到项目！

项目地址：https://screenshottocode.com/

这个简单的应用程序将屏幕截图转换为代码（HTML/Tailwind CSS、React、Bootstrap 或 Vue）。它使用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像。您现在还可以输入 URL 来克隆实时网站！

项目实践

开始使用

带上您自己的 OpenAI 密钥 -您的密钥必须有权访问 GPT-4 Vision

本地

该应用程序有一个 React/Vite 前端和一个 FastAPI 后端。您将需要一个能够访问 GPT-4 Vision API 的 OpenAI API 密钥。运行后端（我使用 Poetry 进行包管理 -pip inst