# Dart 與 Flutter MCP 伺服器

Flutter 團隊官方的 Dart 與 Flutter MCP 伺服器。它能將 Claude 與 Cursor 等 AI 程式設計助理連接至您的 Dart/Flutter 專案，啟用自然語言指令進行程式碼分析、執行 Flutter CLI 工具、除錯，以及與運行中的應用程式互動。

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

Language: zh-TW

Category: MCP Servers

Updated: 2026-04-01

## 概述

**Dart 與 Flutter MCP 伺服器** 是 Model Context Protocol（MCP）的官方實作，由 Google 的 Dart 與 Flutter 團隊開發維護。它能讓 AI 程式碼輔助工具（如 Claude、Cursor、Gemini CLI 等）深入與您的 Dart 和 Flutter 開發環境互動。

此伺服器需搭配 Dart SDK 3.9+ 或 Flutter 3.35+，並提供強大的工具，讓 AI 能直接存取專案上下文、CLI 指令、分析器結果，甚至是正在運行的應用程式，使其成為目前最先進的官方 MCP 整合之一。

## 主要功能

- **專案與程式碼分析**：深入洞察您的程式庫、依賴項、Widget 樹及結構。
- **Flutter CLI 整合**：執行 `flutter pub get`、`flutter analyze`、`flutter test`、`flutter format` 等指令。
- **即時應用程式互動**：連接正在運行的 Flutter 應用程式，進行螢幕截圖、Widget 檢查、熱重載/重啟及狀態偵錯。
- **類似 DevTools 的能力**：存取通常在 IDE 或 Flutter DevTools 中才提供的工具。
- **實驗性但積極開發**：根據社群回饋持續改進。
- **Stdio 傳輸支援**：與所有主流 MCP 用戶端相容。

## 使用情境

- **AI 輔助開發**：利用完整的專案上下文，要求您的 AI「修復這個佈局錯誤」、「增加深色模式支援」或「優化這個 Widget」。
- **偵錯與疑難排解**：「為什麼這個畫面在 Android 上會崩潰？」或「擷取目前 UI 狀態的螢幕截圖」。
- **快速功能建構**：以對話方式生成新畫面、重構程式碼或執行測試。
- **學習 Flutter**：即使是初學者，也能在建置應用程式時獲得引導協助。
- **端到端工作流程**：與其他 MCP 伺服器結合，實現完全由 AI 協調的行動開發。

## 安裝與設定

### 必要條件
- Dart SDK 3.9+ 或 Flutter 3.35+（建議使用 beta 或 stable 頻道）。

### 使用 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 開發的門檻，並體現了 Flutter 團隊對 2026 年代理式 AI 工作流程的堅定承諾。

## Tags

- flutter
- dart
- mcp
- 官方
- ai整合
- claude
- cursor
- 開發工具
- flutter開發

## Sources

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