# DartおよびFlutter MCPサーバー

Flutterチームによる公式DartおよびFlutter MCPサーバーです。ClaudeやCursorなどのAIコーディングアシスタントをDart/Flutterプロジェクトに接続し、コード分析、Flutter CLIツールの実行、デバッグ、実行中のアプリとの対話などの自然言語コマンドを実現します。

Canonical URL: https://a2a-mcp.org/entry/flutter-mcp-ja

Language: ja

Category: MCP Servers

Updated: 2026-04-01

## 概要

**DartおよびFlutter MCPサーバー**は、GoogleのDartおよびFlutterチームによって開発および保守されている、Model Context Protocol (MCP) の公式実装です。このサーバーにより、AIコーディングアシスタント（Claude、Cursor、Gemini CLIなど）が、あなたのDartおよびFlutter開発環境と深く対話できるようになります。

Dart SDK 3.9以上またはFlutter 3.35以上を必要とするこのサーバーは、プロジェクトのコンテキスト、CLIコマンド、アナライザーの結果、さらには実行中のアプリケーションに直接アクセスできる強力なツールを公開し、利用可能な最も先進的な公式MCP統合の一つとなっています。

## 主な機能

- **プロジェクトおよびコード分析**: コードベース、依存関係、ウィジェットツリー、構造に関する深い洞察。
- **Flutter CLI統合**: `flutter pub get`、`flutter analyze`、`flutter test`、`flutter format`などのコマンドを実行。
- **ライブアプリとの対話**: 実行中のFlutterアプリに接続し、スクリーンショット、ウィジェット検査、ホットリロード/再起動、状態デバッグを実施。
- **DevToolsのような機能**: 通常はIDEやFlutter DevToolsでのみ利用可能なツーリングへのアクセス。
- **実験的だが活発に開発中**: コミュニティのフィードバックに基づいて継続的に改善。
- **Stdioトランスポートのサポート**: 主要なすべてのMCPクライアントで動作。

## ユースケース

- **AI支援開発**: AIに「このレイアウトバグを修正して」「ダークモードのサポートを追加して」「このウィジェットを最適化して」など、プロジェクトの完全なコンテキストで依頼。
- **デバッグとトラブルシューティング**: 「なぜこの画面はAndroidでクラッシュするのですか？」や「現在のUI状態のスクリーンショットを取得して」など。
- **迅速な機能構築**: 会話形式で新しい画面の生成、コードのリファクタリング、テストの実行。
- **Flutter学習**: 初心者であっても、アプリ構築中にガイド付きのヘルプを取得。
- **エンドツーエンドワークフロー**: 他のMCPサーバーと組み合わせ、完全なAI調整によるモバイル開発を実現。

## インストールとセットアップ

### 前提条件
- Dart SDK 3.9以上またはFlutter 3.35（ベータ版または安定版チャネル推奨）。

### CursorまたはClaudeでのクイックセットアップ
ほとんどの最新AIクライアントは簡単な追加をサポートしています。Cursorの場合、多くのユーザーは公式リポジトリを指す組み込みの「MCPサーバーを追加」フローを使用します。

Claude Codeまたは手動設定の場合、stdioトランスポートを使用します：

```bash
claude mcp add dart -- dart mcp-server
```

または、クライアント設定に追加します（Cursor/Claude Desktopの例）：

```json
{
  "mcpServers": {
    "dart-flutter": {
      "command": "dart",
      "args": ["mcp-server"]
    }
  }
}
```

詳細なセットアップ手順は、[公式Flutterドキュメント](https://docs.flutter.dev/ai/mcp-server)およびリポジトリのREADMEで利用可能です。

## 人気のコミュニティ補完ツール

公式サーバーは推奨される出発点ですが、コミュニティは優れた拡張機能を構築しています：
- **mcp_flutter** (Arenukvern) — 実行中のFlutterアプリからの動的ツール登録。
- **flutter-mcp** (adamsmaka) — リアルタイムのFlutter/Dartドキュメントおよびpub.devパッケージ検索。
- **Marionette MCP** — テストのためのランタイムUI対話（タップ、スクロール、スクリーンショット）。

## 互換性

- **クライアント**: Cursor、Claude Desktop/Code、Gemini CLI、GitHub Copilot、およびstdio互換のMCPクライアントすべて。
- **ライセンス**: オープンソース (公式Dart/Flutterエコシステムの一部)。

この公式MCPサーバーは、AIを活用したFlutter開発の参入障壁を大幅に下げ、2026年におけるFlutterチームのエージェントAIワークフローへの強いコミットメントを示しています。

## Tags

- Flutter
- Dart
- MCP
- 公式
- AI統合
- Claude
- Cursor
- 開発ツール
- Flutter開発

## Sources

- [Project website](https://github.com/dart-lang/ai/tree/main/pkgs/dart_mcp_server)