screenshot-to-code 项目通过结合先进的 AI 技术，为开发者和设计师提供了一个从视觉设计到代码实现的高效工具，极大地简化了开发流程。screenshot-to-code 可以把界面设计截图直接转化为 HTML、CSS 或 JavaScript 代码，这样能帮助开发者快速生成网页前端代码。无论是一个按钮、一个导航栏，还是整个页面布局都能从截图转换成实际的前端代码。HTML + Tailwind
HTML + CSS
React + Tailwind
Vue + Tailwind
Bootstrap
Ionic + Tailwind
SVG
Claude Sonnet 3.5
GPT-4o
DALL-E 3 或 Flux Schnell（使用 Replicate）用于图像生成
cd backendecho "OPENAI_API_KEY=sk-your-key" > .envecho "ANTHROPIC_API_KEY=your-key" > .envpoetry installpoetry shellpoetry run uvicorn main:app --reload --port 7001
cd frontendyarnyarn dev
MOCK=true poetry run uvicorn main:app --reload --port 7001
echo "OPENAI_API_KEY=sk-your-key" > .envdocker-compose up -d --build接下来就可以在浏览器中打开 http://localhost:5173 使用了。
