开源工具 Snap to Code：UI 截图转 React 组件代码
热点事件观察中
开源工具 Snap to Code：UI 截图转 React 组件代码
1 篇报道1 个报道来源1 天前更新
先了解这件事
AI 综述
开发者在 GitHub 发布开源工具 snap-to-code（MIT 协议），可将 UI 截图生成为按组件拆分的 React + Tailwind CSS + shadcn/ui 静态代码。项目方称其只生成外观起点，不含逻辑、表单或后端。 工具采用 BYOK 模式，需用户自备视觉模型和 API 密钥，支持 Gemini、OpenAI、Anthropic、OpenRouter、Ollama 等兼容 API 的模型；项目方说明聊天订阅不等同于 API 访问。应用完全在客户端运行，无后端。 使用上有长度限制：长页面最多可加 8 张截图，切片边长不超过 1568 px 且重叠 48 px，缩放后超过 12,000 px 的页面会被拒绝。
AI 根据报道生成 · 9 小时前更新
报道时间线
沿着报道，了解事件的不同侧面。
11月4日
- GitHub · 灵魂体仓库zzlvr/snap-to-code：把 UI 截图转成 React + Tailwind CSS + shadcn/ui 组件代码
GitHub 项目 snap-to-code 可将 UI 截图生成按组件拆分的 React + Tailwind CSS + shadcn/ui 静态代码，仅生成外观起点，不含逻辑、表单或后端。采用 BYOK 模式，支持 Gemini、OpenAI、Anthropic、OpenRouter、Ollama 等任何兼容 API 的视觉模型。长页面最多可加 8 张截图，切片边长不超过 1568 px 且重叠 48 px，缩放后超过 12,000 px 的页面会被拒绝。
本事件热度走势
- 可比范围当前
- 4
- 可比范围峰值
- 511月5日 05:00
- 近 24 小时变化
- –
0246
06:0008:0010:0012:00
趋势仅比较持续完整观测到的相同主体，范围可能小于当前热度统计。移动指针或点击图表查看每小时热度；键盘可用左右方向键切换。