Screenshot-to-code开源AI项目,可以直接把屏幕截图转换为 HTML/Tailwind CSS,并利用 DALL-E 3 的图像生成能力,生成外观相似的图像。借助了 GPT-4 Vision 的能力,基于Python编写,遵守MIT开源协议。

支持生成的文件:

  • HTML + Tailwind
  • HTML + CSS
  • React + Tailwind
  • Vue + Tailwind
  • Bootstrap
  • Ionic + Tailwind
  • SVG

支持的AI模型

  • Claude Sonnet 3.5 – (主力推荐!)
  • GPT-4o – a(也推荐)
  • 图像生成借助DALL-E 3 或 Flux Schnell

源代码:https://github.com/abi/screenshot-to-code