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

执照

国际学习中心

支持

如需支持,请访问:

Install Server
A
security – no known vulnerabilities
F
license - not found
A
quality - confirmed to work

Resources

Looking for Admin?

Admins can modify the Dockerfile, update the server description, and track usage metrics. If you are the server author, to access the admin panel.

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