SupaUI MCP Server

SupaUI MCP服务器

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

特性

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

先决条件

史密瑟里

使用 史密瑟里 在Claude中安装supaui-mcp：

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

蒙纳尔

1. 克隆仓库：

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

\=======

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

安装

# 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

列表UiTool

• 列出带有预览的可用组件
• 端点： /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