SupaUI MCP 服务器

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

功能

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

前提条件

• Node.js（最新 LTS 版本）
• 来自 buouui.com 的 BUOU_API_KEY

安装

# Install dependencies
pnpm install

# Build the project
pnpm build

配置

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

export BUOU_API_KEY=your_api_key_here

1. 或者根据 smithery.yaml 要求创建一个配置文件。

使用

启动服务器

pnpm start

可用命令

服务器支持以下命令：

1. 创建 UI 组件：

/ui create a basic button

1. 获取 UI 组件：

/ui fetch modern login form

1. 列出 UI 组件：

/buou list cards

API 工具

CreateUiTool

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

FetchUiTool

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

ListUiTool

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

开发

# Build in watch mode
tsc -w

# Run tests
pnpm test

环境变量

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

贡献

1. 分叉仓库
2. 创建功能分支
3. 提交更改
4. 推送到分支
5. 创建 Pull Request

许可证

ISC

支持

如需支持，请访问：

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