flutter-mcp-toolkit-guide について
flutter-mcp-toolkit-guide は、会話を通じて実行中の Flutter アプリを調査・操作するエージェント向けスキルです。環境を確認した後、調査、操作、デバッグ、カスタムツール向けのスキルにタスクを振り分けます。
主な機能
- 01ツールキットと接続状態の確認
- 02タスクに応じたスキルの選択
- 03調査・操作・デバッグツールの分類
- 04アプリ固有の MCP ツール登録を案内
活用シーン
- 01実行中アプリの画面やエラーの確認
- 02コントロールのタップやテキスト入力
- 03ログの確認や Dart 式の評価
MCP 対応
flutter-mcp-toolkit の MCP ツールまたは CLI で、実行中の Flutter アプリを調査・操作する方法を案内します。アプリ固有のツールやリソースの登録も扱います。
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ arenukvern/ mcp_flutter --skill flutter-mcp-toolkit-guideインストール後、Claude Code で/flutter-mcp-toolkit-guideを入力して読み込まれたか確認します。
詳細
使用する場面
ユーザーがこの会話から実行中の Flutter アプリを確認または操作したい場合に、このスキルを使用します。例:
- 「アプリのログインボタンをタップして」
- 「ホーム画面が真っ白なのはなぜ?」
- 「スクリーンショットを撮って、問題点を教えて」
- 「MCP 経由で、カート/フラグ/内部状態をエージェントに公開して」
ユーザーが実行中のアプリとは関係のない Flutter の概念について質問している場合(アーキテクチャに関する質問、パッケージの選定など)、このスキルは適用されません。
手順 1:事前確認
必ず最初に flutter-mcp-toolkit doctor --json を実行します。出力を解析します。
status: "ok"— 手順 2 に進みます。status: "error"かつerror.code: "binary_not_found"—flutter-mcp-toolkit-setupを読み込み、インストール手順に従います。status: "error"かつerror.code: "vm_not_connected"—flutter-mcp-toolkit-setupを読み込み、トラブルシューティングのセクションに従います。- その他のエラー —
flutter-mcp-toolkit-debugを読み込み、エラーエンベロープの手順書を確認します。
手順 2:ユーザーの意図に合ったスキルを選ぶ
| ユーザーの意図 | 読み込むスキル |
|---|---|
| 状態の確認(「画面に何が表示されている?」「エラーを見せて」「スクリーンショット」) | flutter-mcp-toolkit-inspect |
| UI の操作(「X をタップ」「Y に入力」「Z までスクロール」「ホットリロード」) | flutter-mcp-toolkit-control |
| 診断(「X が失敗するのはなぜ?」「最近のログを見せて」「式を評価して」) | flutter-mcp-toolkit-debug |
アプリ固有の MCP ツール/リソースの登録(AgentCallEntry、addEntries) | flutter-mcp-toolkit-custom-tools |
| 廃止されたレガシーのコールエントリー API からのアップグレード | flutter-mcp-toolkit-intentcall-migration |
| ツールのインターフェースを変更する前に、CLI/MCP/スキーマ/動的レジストリの同等性を監査する | flutter-mcp-boundary-audit |
showcase/flutter_test_app の Web/WebMCP ショーケース用フックを保守する。Chrome DevTools MCP 経由でエージェントリストの取得/実行を行う(list_webmcp_tools/execute_webmcp_tool) | flutter-mcp-toolkit-maintain-web |
showcase/flutter_test_app の macOS/ネイティブ IntentCall 用フックを保守する | flutter-mcp-toolkit-maintain-macos |
| dogfood のイテレーションを評価する、または dogfood のエビデンスを振り分ける | flutter-mcp-toolkit-dogfood-iterations |
Dart で再利用可能な E2E シナリオを記述する(flutter_mcp_harness:ビルド/起動/接続/操作/アサート、ショーケースランチャー) | flutter-mcp-e2e-harness |
| 複数のインターフェースにわたるアプリの自動化を接続する(MCP/CLI/ハーネス/oka)、初期ループ、ランナーセッション | flutter-mcp-automation-chain |
| リリース、バージョン管理、プラグインのスキルバンドルの保守 | flutter-mcp-toolkit-repo-maintainer |
ハーネススクリプトの lint/実行/Maestro と、プロモーション動画のキャプチャは、それぞれの担当リポジトリで行います。このプラグイン内で flutter-mcp-semantic-test、flutter-mcp-capture、hyperframes-video を探さないでください。
複数のスキルにまたがるタスク(例:「ボタンをタップして、何が変わったか見せて」)の場合は、inspect と control の両方を読み込みます。スキルは組み合わせて使用できます。
手順 3:実行
各タスクスキルには、ツールの一覧、パラメーターの形式、呼び出し例が記載されています。スキル冒頭の前置きに従ってください。MCP ツールを呼び出すのか、CLI をシェルから実行するのかが示されています。
ツールの分類リファレンス
コアツールキットのツールは、次のカテゴリに分類されます。パラメーターの形式を含む完全な一覧は、タスクスキルに記載されています。
- 調査(読み取り専用):
discover_debug_apps、get_app_errors、get_screenshots、get_view_details、get_vm、get_extension_rpcs、semantic_snapshot、inspect_widget_at_point、capture_ui_snapshot、connect_debug_app。→flutter-mcp-toolkit-inspect。 - 操作(変更あり):
tap_widget、long_press、enter_text、reveal_search、fill_form、scroll、swipe、drag、hover、focus_widget、press_key、wait_for、navigate、handle_dialog、hot_reload_flutter、hot_restart_flutter、hot_reload_and_capture。→flutter-mcp-toolkit-control。 - デバッグ:
get_recent_logs、evaluate_dart_expression。→flutter-mcp-toolkit-debug。 - 動的レジストリ(アプリ定義): Flutter アプリへの登録後、MCP の呼び出しでは
fmt_list_client_tools_and_resourcesを使用し、続いてfmt_client_tool/fmt_client_resourceを使用します。CLI からシェルコマンドを実行する場合、 コマンド名はexec --name <name>の値としてのみ指定します。MCP ツールとしてlist_client_tools_and_resources、client_tool、client_resourceを単独で呼び出さないでください。→flutter-mcp-toolkit-custom-tools。 - 境界/証明のメンテナンス: カタログ/スキーマ/レジストリの対象範囲を変更する前に
flutter-mcp-boundary-auditを使用します。ショーケースのプラットフォームフックにはflutter-mcp-toolkit-maintain-webまたはflutter-mcp-toolkit-maintain-macosを使用し、リリース、バージョン、生成された スキルバンドルの作業にはflutter-mcp-toolkit-repo-maintainerを使用します。 - 真の WebMCP(ブラウザー): Chrome DevTools MCP
(
--categoryExperimentalWebmcp)を使用し、ウェブアプリに移動してからlist_webmcp_tools/execute_webmcp_toolを使用します。 詳細はflutter-mcp-toolkit-maintain-webを参照してください。
判断に迷った場合
doctor が正常でもツール呼び出しに失敗する場合は、返された error.code
フィールドと error.recovery フィールドを確認してください。コードから復旧方法への完全な対応表は
flutter-mcp-toolkit-debug に記載されています。