Skip to main content
Glama

SupaUI MCP 服务器

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

特征

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

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

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

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

Related MCP server: CodeAlive MCP

先决条件

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

创建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. 创建拉取请求

执照

国际学习中心

支持

如需支持,请访问:

One-click Deploy
A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/buoooou/mcp-ui-gen'

If you have feedback or need assistance with the MCP directory API, please join our Discord server