s

screenshot-to-code

by abi
🔓 开源项目 TypeScript 🌍 全球 paid

介绍

screenshot-to-code 是一款利用人工智能将截图、UI 稿和 Figma 设计图转换为整洁、功能性代码的工具。它支持多种前端技术栈,包括 HTML/CSS/Tailwind、React/Tailwind 和 Vue/Tailwind。该工具集成了 Gemini 3、Claude Opus 4.5 和 GPT 系列等主流 AI 模型,并支持 DALL-E 3 或 Flux Schnell 进行图像生成。此外,它还提供实验性功能,可将网站的视频录屏转换为功能性原型。用户可以通过自托管方式运行,或使用其付费的在线版本。

功能特征

  • AI驱动的设计图转代码
  • 支持多主流前端技术栈(如React, Vue, Bootstrap)
  • 集成Google/Anthropic/OpenAI等先进AI模型
  • 实验性视频录屏转代码功能
  • 支持Docker快速部署

支持平台

web