Skip to main content
Glama

SupaUI MCP Server

by buoooou

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

サポート

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

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

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.

AI エージェントが自然言語による対話を通じて UI コンポーネントを生成、取得、管理できるようにするモデル コンテキスト プロトコル サーバー。

  1. 特徴
    1. 前提条件
      1. インストール
        1. 構成
          1. 使用法
            1. サーバーの起動
            2. 利用可能なコマンド
          2. APIツール
            1. 作成Uiツール
            2. フェッチUiツール
            3. リストUiツール
          3. 発達
            1. 環境変数
              1. 貢献
                1. ライセンス
                  1. サポート

                    Related MCP Servers

                    • -
                      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
                    • -
                      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
                    • -
                      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
                    • -
                      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

                    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