screenshot-to-code abi

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

主要语言
Python
Stars
75,384
Forks
9,207

标签

  • AI开发工具
  • Web应用
  • 网页生成
  • 图像生成
  • 多模型聚合
  • 前端
  • 自托管

摘要

该项目利用AI大模型将截图、设计稿和屏幕录制自动转换为清晰可用的前端代码，支持HTML+Tailwind、React、Vue、Bootstrap等主流技术栈。内置多种AI模型可选（如Gemini、GPT、Claude），并支持从截图中提取真实素材、背景移除与图片生成等增强功能。适用于快速原型设计、设计稿还原与前端开发提效场景，可本地自托管或使用官方托管服务。

README

# screenshot-to-code 使用 AI 将截图、模型图、Figma 设计稿和屏幕录制转换为干净、可用的代码。最简单的试用方式是使用<a href="https://screenshottocode.com/?utm_source=github&utm_medium=readme&utm_campaign=oss_readme&utm_content=top_cta" target="_blank" rel="noopener noreferrer">官方托管产品 screenshottocode.com →</a> https://github.com/user-attachm…

查看完整页面