mcpField
O
OODS Foundry

OODS Foundry

リモート
oods-foundry.com開発ツール23 週間前に更新
リポジトリ公式サイト

OODS Foundry について

OODS Foundryは、MCP経由でAIアシスタントが操作するオブジェクト指向デザインシステムの拡張です。オブジェクトとコンテキストに応じて管理対象のコンポーネントやトークンを組み合わせ、ReactまたはVueのコードやチャートを生成します。既存のデザインシステムを複数のフレームワークやテーマで適用したいチーム向けです。

主な機能

  1. 01オブジェクトとコンテキストによる画面構成
  2. 02ReactとVueのコード生成
  3. 03データからのチャート描画
  4. 04オブジェクト、特性、ブランドの定義
  5. 05コード検査記録とアクセシビリティスキャン

活用シーン

  1. 01サブスクリプション詳細画面の生成
  2. 02反復するオブジェクトやワークフローの画面統一
  3. 03コンポーネントのコントラストと画面のアクセシビリティ確認

MCP 対応

AIアシスタントはMCP経由でOODS Foundryのツールを呼び出し、デザインシステムに沿ったUIを作成します。ローカルサーバーとStreamable HTTPのリモートエンドポイントを提供します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://oods-foundry.com/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

パッケージ
npm@oods/foundry0.11.2

ツール

9
パラメーター型必須説明
reproducebooleanいいえこの結果を再現するためのコマンドと呼び出しを含めます。
sinceVersionstringいいえincludeChangelog と併せて指定すると、このバージョン以降の変更履歴項目のみを返します。
includeChangelogbooleanいいえtrue の場合、応答に DSL バージョンの変更履歴を含めます。

詳細

OODS Foundry

OODS Foundry は、すでにお使いのデザインシステムを拡張するオブジェクト指向のデザインシステムです。AI アシスタントが MCP を介して操作します。サブスクリプション詳細ビューのように、オブジェクトとコンテキストで画面を説明してください。OODS Foundry は、ガバナンスされたコンポーネントとデザイントークンを組み合わせ、React または Vue のコードを生成し、データからチャートを描画します。

製品に繰り返し登場するオブジェクトやワークフローがある場合、画面間でフレームワークやテーマを超えたルールを共有する必要がある場合、または生成される UI を既存のデザインシステムに準拠させたい場合にお使いください。独自のオブジェクト、特性、ブランド、コンポーネントのマッピングを定義できます。

生成されたコードには、実施した静的チェックと、今後必要な作業を記載したレシートが付属します。チャート認証では、描画された仕様の正確性、アクセシビリティの同等性、コントラスト、決定性を測定します。アプリケーション全体を認証するものではありません。

オプションの a11y_scan ツールは、ビルド済みの各ブランドおよびテーマで、コンポーネントのスタイルシートに宣言されたテキストとアイコンのコントラストペアをチェックします。画面スキーマが与えられると、画面も描画してドキュメントのアクセシビリティルールをチェックします。対象範囲としきい値については、ツールリファレンスをご覧ください。

5 分間のデモを試す

Cal.com の実際のスキーマから、独自の shadcn コンポーネントで React と Vue の画面を生成します。プロンプトに従い、提案内容を確認して承認したら、ライトまたはダークでリスト、詳細、フォーム、タイムラインを開きます。

インストール

macOS または Linux で Node.js 22.0.0 以降をお使いください。Claude Code でローカルサーバーを使用する場合:

claude mcp add oods-foundry -- npx -y @oods/foundry
claude mcp get oods-foundry

サーバーとガイド付きスキルを含む Claude Code プラグインの場合:

claude plugin marketplace add https://github.com/kneelinghorse/oods-foundry-claude-plugin.git
claude plugin install oods-foundry@oods-foundry

Claude Code を再起動し、/oods-foundry:oods-foundry を呼び出します。アシスタントに health_check を呼び出させてから、detail コンテキストで Subscription を構成するよう依頼してください。パッケージガイドでは、Claude Desktop と Cursor の設定、ローカルファイル、ネットワークアクセスについて説明しています。チュートリアルでは、オブジェクト定義から生成されたアプリケーションまでを順に説明します。

ホスト型接続の場合は、互換性のある MCP クライアントでストリーミング可能な HTTP エンドポイント https://oods-foundry.com/mcp を使用してください。ウェブサイトでは、利用可能なツールについて説明しています。ローカルインストールでは、完全なオーサリングワークフローを利用できます。ホスト型サービスには、独自のツール構成とリリーススケジュールがあります。

Docker stdio サーバー

付属の Dockerfile をビルドし、MCP クライアントのために stdin を開いたままにします。

docker build -t oods-foundry .
docker run --rm -i -v oods-data:/data oods-foundry

イメージは、非特権ユーザーの node として実行されます。ボリュームには、登録済みオブジェクトとインポートの下書きが保持されます。スキーマファイルは別途マウントしてください。たとえば -v "$PWD/schemas:/schemas:ro" のように指定し、object_import にはコンテナ内のパスを渡します。実行中のアプリのプレビューはコンテナ内のループバックにバインドされます。ホスト上でブラウザーのプレビューを表示する場合は、ローカルの npm インストールを使用してください。

ソースとリリース

このリポジトリは各リリースを、バージョンごとに 1 つのコミットでミラーリングしています。ソースには、デザインシステム、React および Vue ライブラリ、MCP サーバー、ブリッジ、アダプター、パッケージ化スクリプトが含まれます。ツールリファレンスでは、各呼び出しとその仕様について説明しています。

このスナップショットからワークスペースをインストールするには:

corepack pnpm install --frozen-lockfile

ソースからのビルドとテストでは、パッケージのビルド、ランタイムの組み立て、公開テストコマンドについて説明しています。

バグ報告やフィードバックは、Issuesでお寄せください。このリリースミラーではプルリクエストを受け付けていません。送信されたプルリクエストはクローズされます。CONTRIBUTINGとSECURITYをご覧ください。

ライセンス

OODS Foundry は Apache-2.0 ライセンスです。著作権者については NOTICE、サードパーティの通知、ライセンス FAQをご覧ください。

リリーススナップショットより前のコミットでは、package.json に MIT の宣言があり、LICENSE ファイルはありませんでした。

コメント

MCP は初めてですか?

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

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