mozaic について
mozaicは、ADEOのMozaic Design Systemをコーディングプロジェクトで使うためのMCPサーバーとエージェントスキルです。複数のUIフレームワーク向けに、設計資料の参照やコード生成を行えます。
主な機能
- 01デザイントークンとコンポーネントの検索
- 02Vue、React、Web Component、Freemarkerコードの生成
- 03アイコンとドキュメントの検索
- 04CSSユーティリティとスタイルガイドの参照
- 058種類の対話型エージェントスキル
活用シーン
- 01VueまたはReactアプリ用のMozaicコンポーネント生成
- 02画面のスタイリング時のトークン値確認
- 03アイコンやCSSレイアウトツールの検索
- 04画面構築前のスタイルガイドパターン確認
MCP 対応
MCPサーバーは、Mozaicのトークン、コンポーネント、アイコン、ドキュメント、ユーティリティ、スタイルガイドの参照とコード生成に使う19種類のツールを公開します。コーディングエージェントはローカルのstdioサーバーに接続でき、別途HTTP APIも提供されています。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
19掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| format | enum | いいえ | 出力形式：json（構造化）、scss（$variables）、css（--custom-properties）、js（定数）json | scss | css | js |
| category | enum | はい | トークンカテゴリ：colors、typography、spacing、shadows、borders、screens、grid、または allcolors | typography | spacing | shadows | borders | screens | grid | all |
詳細
メンテナーはまだ詳細を追加していません。リポジトリの README をご覧ください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。