Supaui

🚀 SupaUI MCP 服务器

SupaUI MCP 服务器是专为 SupaUI 设计的模型上下文协议 (MCP) 服务器，它允许 AI 代理通过自然语言交互，实现 UI 组件的生成、获取和管理，极大提升了 UI 开发的效率与便捷性。

✨ 主要特性

• 创建 UI 组件：可依据自然语言描述生成 React 组件，让开发人员无需手动编写大量代码，轻松实现 UI 组件的创建。
• 获取 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