Supaui

🚀 SupaUI MCP サーバー

SupaUI 用に設計されたモデルコンテキストプロトコル (MCP) サーバーです。AIエージェントが自然言語で対話し、UIコンポーネントの生成、取得、管理を行うことを可能にします。

✨ 主な機能

• UIコンポーネントの作成：自然言語の記述に基づいてReactコンポーネントを生成します。
• UIコンポーネントの取得：buouui.comからコンポーネントを検索して取得します。
• UIコンポーネントの閲覧：利用可能なコンポーネントとその詳細なプレビューを表示します。
• TypeScriptのサポート：TypeScriptを使用して、より良い型安全性と開発者体験を実現します。

📦 インストール

前提条件

• Node.js（最新LTSバージョン）
• buouui.com から取得した BUOU_API_KEY

インストール手順

# 依存関係のインストール
pnpm install

# プロジェクトのビルド
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ツール

CreateUiTool

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

FetchUiTool

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

ListUiTool

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

🔧 開発

# 監視モードでビルド
tsc -w

# テストの実行
pnpm test

🔑 環境変数

• BUOU_API_KEY：あなたの buouui.com APIキー（必須）

🤝 貢献ガイド

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

📄 ライセンス

ISC

🆘 サポート

サポートが必要な場合は、以下のリソースを利用してください。

• buouui.com
• メール：support@buouui.com