SupaUI MCP Server

by buoooou

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ツール

作成Uiツール

  • 自然言語記述に基づいて新しいUIコンポーネントを生成する
  • エンドポイント: /api/create

フェッチUiツール

  • buouui.com から既存のコンポーネントを取得します
  • エンドポイント: /api/fetch

リストUiツール

  • 利用可能なコンポーネントをプレビューとともに一覧表示します
  • エンドポイント: /api/list

発達

# Build in watch mode tsc -w # Run tests pnpm test

環境変数

  • BUOU_API_KEY : buouui.com からの API キー (必須)

貢献

  1. リポジトリをフォークする
  2. 機能ブランチを作成する
  3. 変更をコミットする
  4. ブランチにプッシュする
  5. プルリクエストを作成する

ライセンス

ISC

サポート

サポートについては、次のサイトをご覧ください。

-
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

                    Related MCP Servers

                    • A
                      security
                      A
                      license
                      A
                      quality
                      An enhanced Model Context Protocol server that enables AI assistants to interact with ClickUp workspaces, supporting task relationships, comments, checklists, and workspace management through natural language.
                      Last updated -
                      40
                      203
                      TypeScript
                      MIT License
                    • -
                      security
                      A
                      license
                      -
                      quality
                      A Model Context Protocol server enabling AI agents to access and manipulate ServiceNow data through natural language interactions, allowing users to search for records, update them, and manage scripts.
                      Last updated -
                      5
                      Python
                      MIT License
                    • -
                      security
                      A
                      license
                      -
                      quality
                      A Model Context Protocol server that enables AI agents to interact with ClickUp workspaces, allowing task creation, management, and workspace organization through natural language commands.
                      Last updated -
                      203
                      MIT License
                    • -
                      security
                      F
                      license
                      -
                      quality
                      A Model Context Protocol server that enables AI assistants to interact with Coolify instances through natural language, allowing management of servers, applications, databases, and deployments.
                      Last updated -
                      85
                      2
                      TypeScript

                    View all related MCP servers

                    ID: n41dasnvxy