SheepNav
SnapForge UI

SnapForge UI

snapforgeui.com

你的私有UI库,AI代理即用

8天前制作者:Peter Bernaiche

关于 SnapForge UI

SnapForge UI 是你的个人组件保险库。只需粘贴一段 React/HTML 代码片段、运行一条 CLI 命令(如 npx shadcn add…)或上传一个压缩包,系统便会自动分类、安全审查,并在实时沙盒中预览,最终保持可导出状态。其独特之处在于内置的 MCP 服务器,允许 Claude Code、Cursor、Windsurf 和 VS Code 连接你的组件库,直接从你审核过的组件构建界面——让 AI 不再凭空编造 UI,而是使用你精心维护的组件。

核心功能

  • 多方式导入:支持粘贴代码、CLI 命令、上传 zip 等多种方式添加组件。
  • 安全审查:自动对组件进行安全扫描,确保无恶意代码。
  • 实时沙盒预览:在隔离沙盒中即时预览组件效果,所见即所得。
  • MCP 服务器集成:为 AI 编程工具提供标准接口,直接调用私有组件。

主要特性

  • 私有化部署:组件库完全由你掌控,数据不出本地。
  • AI 友好:通过 MCP 协议,AI 代理可无缝使用你的组件,减少幻觉。
  • 一键导出:组件随时可导出为独立文件,便于集成到项目中。
  • 分类管理:自动分类与标签系统,方便检索与维护。
  • 团队协作:支持多用户共享与权限控制,适合团队使用。

适用场景

  • 前端开发者:管理个人或团队的 UI 组件库,提升开发效率。
  • AI 辅助编程:为 Claude Code、Cursor 等 AI 工具提供可靠组件源,减少错误生成。
  • 设计系统维护:集中管理设计系统中的组件,确保一致性。
  • 安全敏感项目:需要严格审查组件来源的团队。

相关工具