SupaUI MCP Server
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配置
在环境中设置您的 BUOU_API_KEY:
export BUOU_API_KEY=your_api_key_here或者根据smithery.yaml要求创建配置文件。
用法
启动服务器
pnpm start可用命令
服务器支持以下命令:
创建 UI 组件:
/ui create a basic button获取 UI 组件:
/ui fetch modern login form列出 UI 组件:
/buou list cardsAPI 工具
创建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 密钥(必需)
贡献
分叉存储库
创建你的功能分支
提交你的更改
推送到分支
创建拉取请求
执照
国际学习中心
支持
如需支持,请访问:
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Tools
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