Skip to main content
Glama
deenesjakoruzh

SupaUI MCP Server

by buoooou
npmGitHub
TypeScript
680
4
OverviewInspectNewSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

SupaUI MCP 服务器

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

特征

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

先决条件

  • 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

How are these scores calculated?

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

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

  1. 特征
    1. 先决条件
      1. 安装
        1. 配置
          1. 用法
            1. 启动服务器
            2. 可用命令
          2. API 工具
            1. 创建UiTool
            2. FetchUiTool
            3. ListUi工具
          3. 发展
            1. 环境变量
              1. 贡献
                1. 执照
                  1. 支持

                    Related MCP Servers

                    • MCP Toolkit

                      zxfgds
                      -
                      security
                      F
                      license
                      -
                      quality
                      A comprehensive Model Context Protocol server implementation that enables AI assistants to interact with file systems, databases, GitHub repositories, web resources, and system tools while maintaining security and control.
                      Last updated -
                      3
                      1
                      TypeScript

                    • CodeAlive MCPofficial

                      CodeAlive-AI
                      -
                      security
                      A
                      license
                      -
                      quality
                      A Model Context Protocol server that enhances AI agents by providing deep semantic understanding of codebases, enabling more intelligent interactions through advanced code search and contextual awareness.
                      Last updated -
                      48
                      Python
                      MIT License
                      • Apple

                    • MCP Server for n8n Integration

                      gabrielpierobon
                      -
                      security
                      F
                      license
                      -
                      quality
                      A Model Context Protocol server that enables AI agents to interact with n8n workflows and automation tools through a standardized interface, allowing execution of workflows and access to n8n functions.
                      Last updated -
                      Python
                      • Linux
                      • Apple

                    • MCP AI Chat LangChain

                      badrinathvm
                      -
                      security
                      F
                      license
                      -
                      quality
                      A basic Model Context Protocol server implementation that demonstrates core functionality including tools and resources for AI chat applications.
                      Last updated -
                      Python

                    View all related MCP servers

                    Appeared in Searches

                    New MCP Servers

                    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