它可以将屏幕截图转换为干净的代码，支持HTML/Tailwind CSS、React、Bootstrap或Vue。 利用GPT-4 Vision生成代码，甚至使用DALL-E 3生成相似的图片来直接填充生成的页面。 现在，你还可以直接输入任何网站的URL来直接克隆网站。 [video width="1760" height="1080" mp4="https://img.xiaohu.ai/2024/03/283455464-3fec0f77-44e8-4fb3-a769-ac7410315e5d.mp4"][/video] <strong>主要功能包括：</strong> <ol> <li><strong>将屏幕截图转换为代码</strong>：用户可以上传屏幕截图，项目利用AI技术自动将其转换成干净的代码，支持HTML/Tailwind CSS、React、Bootstrap或Vue。</li> <li><strong>AI技术生成代码和图片</strong>：使用GPT-4 Vision来生成代码，以及DALL-E 3来生成视觉上相似的图片，提高生成代码的准确性和相关性。</li> <li><strong>克隆现有网站功能</strong>：用户可以通过输入一个网站的URL，项目将自动克隆该网站的布局和设计，转换成可编辑的代码。</li> <li><strong>支持多种技术栈</strong>：项目不仅支持生成HTML/Tailwind CSS代码，还支持流行的前端框架如React和Vue，以及Bootstrap，为不同需求的开发者提供便利。</li> <li><strong>支持从现有代码开始新项目</strong>：用户可以基于现有的代码开始一个新项目，这使得回访和迭代开发过程更加便捷，提高了项目的可持续发展能力。</li> <li><strong>提供编辑历史和分支功能</strong>：项目支持查看编辑历史和从这些历史记录中创建分支。这意味着用户可以方便地回溯到任何一个历史版本，并在此基础上探索不同的修改方向。</li> <li><strong>支持暗模式和输出Ionic代码</strong>：为了适应用户的偏好和需求，项目增加了界面的暗模式选择，并支持将屏幕截图转换成Ionic框架的代码。这为开发移动应用提供了更多的便利。</li> <li><strong>允许自定义技术栈：React、Bootstrap或TailwindCSS</strong>：用户可以根据个人或项目需求选择不同的技术栈，包括流行的前端框架和CSS框架。这提供了极大的灵活性，使得项目能够适应更广泛的开发场景。</li> </ol> 可以帮助开发者和设计师快速从设计原型过渡到实际的代码实现，从而加速开发流程，提高生产效率。 GitHub：<a href="https://github.com/abi/screenshot-to-code" target="_blank" rel="noopener">https://github.com/abi/screenshot-to-code</a>
