产品定位
screenshot‑to‑code（也常被称作 screen‑to‑code）是一款开源的 AI 工具，旨在把截图、模型图、Figma 设计稿甚至屏幕录像直接转化为可运行的代码。它帮助前端开发者快速把视觉稿变成实际页面，省去手工编写 HTML、CSS 或框架代码的时间。

核心功能
该工具支持静态图片、交互式模型以及动态视频三种输入形式。无论是产品原型、营销页面还是 UI 设计稿，只要上传即可得到对应的代码实现。生成的代码保持结构清晰、样式完整，能够直接用于项目中。

支持的框架
目前它能够输出多种主流技术栈的代码，包括：HTML + Tailwind、HTML + CSS、React + Tailwind、Vue + Tailwind、Bootstrap 以及 Ionic + Tailwind。用户可以根据自己的技术选型自由选择目标框架，从而实现一次上传、多框架同步生成。

模型与算力
为了保证生成质量，工具默认调用 Gemini 系列模型进行资产提取（从截图中复用真实 LOGO、图片），并结合 GPT、Claude 等语言模型完成代码生成。它还支持使用 Replicate 进行图像编辑和背景去除。官方强烈建议同时配置 Gemini 与 Replicate 的 API Key，配置越齐全，模型组合越丰富，输出结果也越精准。

快速上手
使用方式分为两种：本地部署或直接使用托管版。托管版在 screenshottocode.com 上线，只需打开网页即可体验完整功能；本地部署则需要准备至少一个模型提供商的 Key（OpenAI、Anthropic 或 Gemini），并按照文档搭建 React/Vite 前端 + FastAPI 后端的环境。使用 Poetry 管理依赖，可快速完成本地运行。