Dart 與 Flutter MCP 伺服器

概述

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 傳輸：

claude mcp add dart -- dart mcp-server

或將其加入您的用戶端設定中（以 Cursor/Claude Desktop 為例）：

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

詳細的設定說明可在 官方 Flutter 文件 與儲存庫的 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 工作流程的堅定承諾。