Skip to main content
Glama

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

構成

  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

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