SupaUI MCP サーバー

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

特徴

• UIコンポーネントの作成：自然言語記述に基づいてReactコンポーネントを生成する

• UI コンポーネントの取得: buouui.com からコンポーネントを検索して取得します

• UIコンポーネントの一覧: 詳細なプレビューで利用可能なコンポーネントを参照します

• TypeScript サポート: 型安全性と開発者エクスペリエンスを向上させるために TypeScript で構築されています

Related MCP server: MCP Magic UI

前提条件

• 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

2. または、smithery.yaml の要件に基づいて構成ファイルを作成します。

使用法

サーバーの起動

pnpm start

利用可能なコマンド

サーバーは次のコマンドをサポートしています:

1. UI コンポーネントを作成します。

/ui create a basic button

2. UI コンポーネントを取得します。

/ui fetch modern login form

3. 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

サポート

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

• buouui.com

• メールアドレス: support@buouui.com