SupaUI MCP Server

Integrations

  • Runs on Node.js, allowing deployment of the UI generation capabilities as a service accessible via API endpoints.

  • Uses pnpm for package management, providing an efficient way to install and manage dependencies for the UI component server.

  • Enables the generation of React components based on natural language descriptions, supporting the creation of UI elements for React applications.

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

执照

国际学习中心

支持

如需支持,请访问:

-
security - not tested
F
license - not found
-
quality - not tested

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

  1. Features
    1. Prerequisites
      1. Installation
        1. Configuration
          1. Usage
            1. Starting the Server
            2. Available Commands
          2. API Tools
            1. CreateUiTool
            2. FetchUiTool
            3. ListUiTool
          3. Development
            1. Environment Variables
              1. Contributing
                1. License
                  1. Support
                    ID: n41dasnvxy