SupaUI MCP 服务器

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

特征

• 创建 UI 组件：根据自然语言描述生成 React 组件

• 获取 UI 组件：从 buouui.com 搜索并检索组件

• 列出 UI 组件：浏览可用组件的详细预览

• TypeScript 支持：使用 TypeScript 构建，以获得更好的类型安全性和开发人员体验

Related MCP server: MCP Magic UI

先决条件

• 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

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 工具

创建UiTool

• 根据自然语言描述生成新的 UI 组件

• 端点： /api/create

FetchUiTool

• 从 buouui.com 检索现有组件

• 端点： /api/fetch

ListUi工具

• 列出可用的组件并进行预览

• 端点： /api/list

发展

# Build in watch mode
tsc -w

# Run tests
pnpm test

环境变量

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

贡献

1. 分叉存储库

2. 创建你的功能分支

3. 提交你的更改

4. 推送到分支

5. 创建拉取请求

执照

国际学习中心

支持

如需支持，请访问：

• buouui.com

• 邮箱： support@buouui.com