SupaUI MCP 服务器

这是一个用于 SupaUI 的模型上下文协议（MCP）服务器，它使AI代理能够通过自然语言交互生成、获取和管理UI组件。

功能

• 创建UI组件：根据自然语言描述生成React组件
• 获取UI组件：从buouui.com搜索并检索组件
• 列出UI组件：浏览可用组件并查看详细预览
• TypeScript支持：使用TypeScript构建，以提高类型安全性和开发者体验

预备条件

Smithery

使用Smithery在Claude中安装supaui-mcp：

npx -y @smithery/cli install @buoooou/supaui-mcp --client claude

munal

1. 克隆仓库：

git clone [your-repository-url]
cd mcp-ui-gen

=======

• Node.js（最新LTS版本）
• 从buouui.com获取的BUOU_API_KEY

安装

# 安装依赖
pnpm install

# 构建项目
pnpm build

配置

1. 在环境中设置您的BUOU_API_KEY：

export BUOU_API_KEY=your_api_key_here

2. 或者根据smithery.yaml的要求创建配置文件。

使用方法

启动服务器

pnpm start

可用命令

服务器支持以下命令：

1. 创建UI组件：

/ui 创建一个基本按钮

2. 获取UI组件：

/ui 获取现代登录表单

3. 列出UI组件：

/buou 列出卡片

API工具

CreateUiTool

• 根据自然语言描述生成新的UI组件
• 端点：/api/create

FetchUiTool

• 从buouui.com检索现有组件
• 端点：/api/fetch

ListUiTool

• 列出带有预览的可用组件
• 端点：/api/list

开发

# 监控模式下构建
tsc -w

# 运行测试
pnpm test

环境变量

• BUOU_API_KEY：来自buouui.com的API密钥（必需）

贡献

1. 分叉仓库
2. 创建功能分支
3. 提交更改
4. 推送到分支
5. 创建拉取请求

许可证

ISC

支持

如需支持，请访问：

• buouui.com
• 邮件：support@buouui.com