Flocks MCP について
Flocks MCP は、Flocks の Flutter デザインシステムのコンポーネントカタログをエージェントに提供します。カタログには各コンポーネントのプロパティ、使い方、アクセシビリティ情報が含まれます。
主な機能
- 01Flocks コンポーネントカタログの提供
- 02コンポーネントプロパティの提示
- 03コンポーネントの使い方の説明
- 04アクセシビリティ情報の収録
活用シーン
- 01Flutter インターフェースの構築時に Flocks のコンポーネントを検索
- 02コンポーネントのプロパティと使い方の確認
- 03コンポーネントのアクセシビリティ情報の確認
MCP 対応
flocks_mcp パッケージが MCP 経由でエージェントにコンポーネントカタログを提供します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
Flocks
widgets.dart を基盤とする Flutter デザインシステムです。Material も Cupertino も使用しません。
7 つのパッケージのうち 6 つは、認証済みパブリッシャー jotapeconsultoria.com.br として pub.dev で公開されています。7 つ目はデモであり、ショーケースであってライブラリではありません。
| パッケージ | 内容 |
|---|---|
flocks · pub.dev | デザインシステムです。トークン、テーマ、ホワイトラベルブランド、コンポーネントを提供します。 |
flocks_phosphor · pub.dev | Phosphor Icons を AppIconProvider として提供します。6 種類のウェイトがフォントとして含まれているため、ツリーシェーカーで不要なものを除去できます。 |
flocks_material · pub.dev | Material Design アイコンを AppIconProvider として提供します。軸のリファレンス実装です。 |
flocks_cupertino · pub.dev | cupertino_icons のグリフを AppIconProvider として提供します。MIT ライセンスの iOS ビジュアル語彙です。Apple の SF Symbols ではありません。 |
flocks_lucide · pub.dev | Lucide を AppIconProvider として提供します。単一のストロークウェイトがフォントとして含まれているため、ツリーシェーカーで不要なものを除去できます。 |
flocks_mcp · pub.dev | MCP 経由でエージェントに提供されるコンポーネントカタログです。MCP Registry と、各リリースの .mcpb バンドルとしても公開されています。 |
flocks_demo · flocks.live/demo · 意図的に未公開 | ホワイトラベルのデモです。フルダッシュボードと CRUD にブランドカラーを適用でき、設定を貼り付け可能な Dart コードとしてエクスポートできます。ショーケースであり、ライブラリではありません。 |
この表にバージョン番号がないのは意図的です。ここにあるものはどれも手書きのバージョン番号を制限しませんし、pub.dev には各パッケージの現在のバージョンがすでに表示されています。
まずは packages/flocks/README.md をご覧ください。コンポーネントは widgetbook.flocks.live で閲覧できます。
開発について
このリポジトリは pub ワークスペースです。必ずルートから依存関係を解決してください。
flutter pub get
これにより、アダプターと MCP サーバーは公開済みパッケージではなく、ローカルパッケージの flocks を解決します。そのため、コアへの変更は同じチェックアウト内のそれらにも反映されます。各パッケージには resolution: workspace が設定されているため、パッケージ内で実行した pub get は失敗します。チェックアウトが壊れているわけではありません。
dart format --output=none --set-exit-if-changed . # formatação
dart analyze # os três pacotes
cd packages/flocks && flutter test --exclude-tags golden
cd packages/flocks && dart run tool/validate_components.dart
ゴールデンテストはピクセルを比較し、そのベースラインは macOS arm64 で生成されています。そのため、他のテストとは分けて、次の環境でのみ実行します。
cd packages/flocks && flutter test --tags golden
ライセンス
MIT ライセンスです。詳細は LICENSE をご覧ください。同梱されているサードパーティーのアセットには、それぞれのライセンスが適用されます。フォントは SIL Open Font License 1.1、Phosphor Icons は MIT、Lucide は ISC(Feather に由来する部分には独自の MIT ライセンスが適用されます)、そして依存関係でありベンダー提供アセットではない cupertino_icons は MIT です。各ライセンス文は、対象ファイルとともに配置されています(OFL.txt、assets/icons/LICENSE、assets/fonts/LICENSE-phosphor-*、packages/flocks_lucide/assets/fonts/LICENSE-lucide)。また、各パッケージの README に適用されるライセンスが記載されています。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。