OrchestrUI について
OrchestrUI はコーディングエージェント向けに、決定論的な UI 方針、ライブラリ検索、品質監査を提供します。構造化されたプロジェクト情報から互換性のある最小限の UI 構成を提案し、判断の根拠も示します。
主な機能
- 01構造化プロジェクト情報の確認
- 02UI ライブラリの役割と所有者の割り当て
- 03互換性のある UI 構成の提案
- 04コンポーネントと導入手順の検索
- 05計画と UI 品質の監査
- 06コーディングエージェント向けスキル
活用シーン
- 01フロントエンドの UI スタック計画
- 02承認済み UI ライブラリの統合
- 03画面のアクセシビリティとレスポンシブ対応の監査
MCP 対応
読み取り専用 MCP サーバーは、プロジェクト検査、ライブラリ一覧、スタック提案、ライブラリガイダンス、コンポーネント検索、導入手順、計画監査を提供します。公開されている上流メタデータを使用します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
7掲載時のツール一覧 · 3 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| relative_path | string | いいえ |
詳細
OrchestrUI は構造化されたプロジェクトプロファイルを調査し、互換性のある所有者を維持したうえで、すべての判断に根拠を添えて、許容される最小限の UI 構成を返します。
クイックスタート
Node.js 20 以降が必要です。公開済みの読み取り専用サーバーを MCP ホストに追加します。
{
"mcpServers": {
"orchestrui": {
"command": "npx",
"args": ["-y", "orchestrui@latest"]
}
}
}
macOS / Linux にスキルをインストールする
git clone --depth 1 https://github.com/ECD5A/OrchestrUI.git
cd OrchestrUI
bash scripts/install-codex.sh
Windows にスキルをインストールする
git clone --depth 1 https://github.com/ECD5A/OrchestrUI.git
Set-Location OrchestrUI
powershell -ExecutionPolicy Bypass -File scripts\install-codex.ps1
ソースから開発する
git clone https://github.com/ECD5A/OrchestrUI.git
cd OrchestrUI
npm ci && npm run check
npm run benchmark
コントリビューションを歓迎します。フォークから PR までの手順については、CONTRIBUTING.mdをご覧ください。
フロントエンドプロジェクトから利用できます。
$ui-library-router plan the smallest compatible UI stack.
$ui-orchestrator implement the approved plan.
$ui-quality-audit audit the rendered result.
出力内容
{
"input_mode": "structured-profiles",
"selected": ["bklit-ui"],
"owners": {
"base-system": "host:shadcn-ui",
"data-visualization": "bklit-ui"
},
"rejected": [{ "id": "daisyui", "rule": "base-system-conflict" }]
}
コミット済みのテストスイートは、CI で構造化シナリオ 50/50 件、個別に仕様を定めた敵対的ゴールデンテスト 8/8 件、および 3 つのプロジェクトフィクスチャをすべてパスします。
スキルと MCP
ui-library-router— ホストを調査し、役割の所有権を割り当てます。ui-orchestrator— 承認済みの要素を 1 つのビジュアルコントラクトに統合します。ui-quality-audit— 一貫性、アクセシビリティ、レスポンシブ対応、モーション、パフォーマンス、ライセンスを確認します。- 読み取り専用 MCP —
inspect_project、list_libraries、recommend_stack、get_library_guidance、search_components、get_install_instructions、audit_plan。
npm、公式 MCP Registry、およびバージョン管理された GitHub Releases を通じて公開されています。ローカルのプラグイン設定は .mcp.json にあります。セットアップ、アーキテクチャ、セキュリティ、ライセンス、コントリビューションの詳細は、docs/、SECURITY.md、THIRD_PARTY.md、および CONTRIBUTING.md に記載されています。
MCP のインターフェースは読み取り専用で、公開されている上流のメタデータを使用します。実装コードとサードパーティのアセットはホストプロジェクト内に保持されます。
エコシステム
| エコシステム | 役割 |
|---|---|
| Kokonut UI | React/shadcn を選択的に磨き上げます |
| React Bits | 特徴的なクリエイティブエフェクトを 1 つ追加します |
| daisyUI | 意図を持って選定した Tailwind のセマンティックなベース |
| Bklit UI | チャートとデータの可視化 |
| Anime.js | オーダーメイドのタイムライン、SVG、スクロールモーション |
| Rive | ライセンス済みのインタラクティブなベクター/ステートマシングラフィックス |
| Magic UI | アニメーションを使ったマーケティングの強化 |
OrchestrUI は独立したプロジェクトであり、これらの上流プロジェクトとは提携しておらず、推奨も受けていません。
サポート
OrchestrUI が役に立った場合は、継続的なメンテナンスをご支援いただけます。
- TON:
pointoncurve.ton - Bitcoin(BTC):
1ECDSA1b4d5TcZHtqNpcxmY8pBH1GgHntN - USDT(TRC20):
TUF4vPdB6QkjCvZq18rBL4Qj4dK5ihCN75
お問い合わせ
OrchestrUI、統合、コンサルティング、または協業に関するご質問はこちらまでお問い合わせください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。