Screenshot to Code是一个开源的AI项目，它可以将屏幕截图转换为前端网页代码。这个项目的核心功能是自动化网页设计的编码过程，使得开发者能够通过提供网页的截图，快速生成相应的HTML、CSS和JavaScript代码，从而节省前端开发人员的时间和精力。它使用GPT-4 Vision模型来生成代码，并使用DALL-E 3生成相似的图像。此外，它还允许用户输入URL来克隆实时网站1。这个工具可以帮助开发者快速地将设计稿转换为可运行的网页代码。这个项目在GitHub上已经获得了大量的关注，目前已经有超过31K的Star1。如果你对这个项目感兴趣，可以在GitHub上找到它的源代码。
官网入口：https://screenshottocode.com/
主要功能特点：
- 智能代码生成：利用GPT-4 Vision模型，项目能够分析用户提供的屏幕截图，并自动生成相应的HTML、CSS 和 JavaScript 代码，可以快速将设计稿转换为可运行的网页代码。
- 相似图像生成：项目还结合了DALL-E 3的图像生成能力，能够根据生成的HTML代码中的<img>标签，自动创建与原始截图相似的图像，并将这些图像嵌入到网页中，以保持页面的视觉一致性。
- 实时代码更新：用户可以在应用程序中实时查看生成的代码，并且可以通过与AI的交互来调整样式或更新代码中缺失的部分，以满足特定的设计要求。
- 灵活的配置选项：应用程序提供了配置选项，允许用户选择使用的前端技术（如HTML + Tailwind、React + Tailwind、Bootstrap、Vue + Tailwind）以及是否启用DALL-E图像生成和功能。
- URL网页克隆：除开手动上传截图外，允许用户输入 URL 自动截图以克隆在线网站。
- 编辑生成的代码：Screenshot to Code 内置了代码编辑器允许开发者对生成的代码进行修改，可以微调输出、纠正任何异常或添加个人代码风格。
- 效果预览和代码导出：该工具提供实时预览功能，用户能够实时查看编辑和修改的效果，并支持下载或复制最终代码。
- 支持本地部署：用户可以选择将该项目在本地电脑上部署，以便在自己的计算机上运行，这为那些希望在本地环境中使用该工具的用户提供了便利。
