MCP設定教學 - 以Claude Code (Desktop app and CLI) 為例

什麼是MCP？

MCP讓AI agent安全地連接外部資料與工具，能擴充AI agent的能力並產生實際行動。

MCP的設定方式

Claude Code Desktop

1. 找到 MCP 設定檔

在 Claude Desktop 中，開啟：

設定 → 開發者 → 編輯設定檔

這會開啟 claude_desktop_config.json 設定檔的檔案資料夾，用你習慣使用的文字編輯器開啟

2. 依照各個MCP Server寫入設定資料

MCP Server供應者會提供設定資料，以stitch為例：

"mcpServers": {
    "stitch": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://stitch.googleapis.com/mcp",
        "--header",
        "X-Goog-Api-Key: AQ.Ab8RN6I6_-p8zfZxez0NTZiVGSBgAYZEGD_7-mhvRT3Cy1Lg0A"
      ]
    }
  },

儲存設定後，重啟Claude Code Desktop

3. 確認 MCP Server 有正常匯入

若設定成功，重啟Claude Code Desktop後，在連接器可以看到「stitch」即設定完成

Claude Code CLI

先在terminal移動到你的專案目錄下，輸入：

claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: api-key" -s user

把X-Goog-Api-Key換成你自己的Key

重啟Claude Code，在/mcp裡面看到有「stitch」的設定即設定完成

參考資料

• claude code 官方文件
• stitch 官方文件 MCP 設定