SupaUI MCP 服务器

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

功能

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

先决条件

• 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 create a basic button

2. 获取 UI 组件：

/ui fetch modern login form

3. 列出 UI 组件：

/buou list cards

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