screenshot-to-code

Screenshot to Code是一款开源工具，可将截图、样机、Figma设计和屏幕录像转换为干净、功能性的前端代码。它利用Gemini、GPT和Claude等AI模型从视觉输入生成精确的复制品。 支持的输出堆栈包括HTML+Tailwind、HTML+CSS、React+Tailwind、Vue+Tailwind、Bootstrap以及Ionic+Tailwind。该工具还支持将网站屏幕录像转换为功能性原型，而不仅是静态图片。 由Replicate提供支持的图像相关功能包括资源提取（复用源截图中的真实Logo和图片）、图像生成、背景移除和图像编辑。截图预览功能在无头浏览器中渲染生成的页面以进行视觉自查。 该项目由React/Vite前端和FastAPI后端组成。可本地运行，只需至少一个提供商（OpenAI、Anthropic或Gemini）的API密钥，或通过Docker部署。强烈建议使用Gemini和Replicate密钥以获得最佳准确性和完整功能支持。 使用选项： - 托管于screenshottocode.com，无需设置即可快速使用。 - 本地自托管，用于自定义、贡献或私有部署。