截图一键生成 React 组件

上传 UI 截图，自动生成可运行的 React + Tailwind 组件，流式渲染，无需构建步骤。

- 技术栈：Next.js 前端、Go 后端、Claude Vision API、Babel Standalone + Tailwind CDN
- 流程：截图上传 → Go 压缩至 5MB 内 → Claude API 流式生成代码 → SSE 推送到 iframe 实时预览
- 处理的关键问题：SSE 流文本拼接、iframe 中 import 语句移除、图片媒体类型兼容
- 成本：每次转换约几美分，总开发调试费 <$5；可替代每次 30–60 分钟的 JSX 手工翻译

完整源码已在 GitHub 开源，克隆后填入 ANTHROPIC_API_KEY 即可运行。

GitHub: github.com/norbertose/screenshot-figma-to-react
原文: dev.to/norbert_madojemu_e4d44040/i-built-a-screenshot-to-react-generator-in-3-hours-2ci2

#开发者 #工具

📢 频道：@DevToolboxHub