mcpField
O
OrchestrUI

OrchestrUI

ローカル
github.com/ECD5A開発ツール12 日前に更新

OrchestrUI について

OrchestrUI はコーディングエージェント向けに、決定論的な UI 方針、ライブラリ検索、品質監査を提供します。構造化されたプロジェクト情報から互換性のある最小限の UI 構成を提案し、判断の根拠も示します。

主な機能

  1. 01構造化プロジェクト情報の確認
  2. 02UI ライブラリの役割と所有者の割り当て
  3. 03互換性のある UI 構成の提案
  4. 04コンポーネントと導入手順の検索
  5. 05計画と UI 品質の監査
  6. 06コーディングエージェント向けスキル

活用シーン

  1. 01フロントエンドの UI スタック計画
  2. 02承認済み UI ライブラリの統合
  3. 03画面のアクセシビリティとレスポンシブ対応の監査

MCP 対応

読み取り専用 MCP サーバーは、プロジェクト検査、ライブラリ一覧、スタック提案、ライブラリガイダンス、コンポーネント検索、導入手順、計画監査を提供します。公開されている上流メタデータを使用します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"ecd5a-orchestrui": {
"command": "npx",
"args": [
"-y",
"orchestrui"
]
}
}
}
起動コマンドnpx -y orchestrui

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmorchestrui0.4.0

ツール

7

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
relative_pathstringいいえ

詳細

ロシア語版

OrchestrUI のトレースアニメーション:構造化されたホストを調査し、最小限の UI スタックを選定し、役割の所有権を調整し、検証済みの証拠を監査します

コーディングエージェント向けの決定論的な UI ポリシーと品質ゲート。

CI npm License: MIT Agent Skills UI ecosystems MCP

クイックスタート  ·  出力  ·  スキルと MCP  ·  エコシステム  ·  ドキュメント

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 UIReact/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、統合、コンサルティング、または協業に関するご質問はこちらまでお問い合わせください。

メール   Telegram   GitHub リポジトリ

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。