載入中

將 MCP 伺服器新增至 Claude Code

第 60 課5 分鐘

Claude Code 內建了 MCP 客戶端,這意味著您可以連接 MCP 伺服器來大幅擴展其功能。這為自訂您的開發工作流程開啟了一些非常強大的可能性。

MCP 整合的運作方式

Model Context Protocol 讓 Claude Code 能夠透過 MCP 伺服器連接到外部服務。每個伺服器都可以提供工具、提示和資源,以擴展 Claude 的能力。

Claude Code 的 MCP 客戶端連接到兩個具有工具、提示和資源的 MCP 伺服器,每個都呼叫一個外部服務。

在這個範例中,我們將把 Claude Code 連接到一個自訂的 MCP 伺服器,該伺服器提供文件轉換工具。這將讓 Claude 能夠讀取並將 PDF 和 Word 文件轉換為 markdown 格式。

Claude Code 內部的 MCP 客戶端連接到我們的 MCP 伺服器,該伺服器擁有 document_path_to_markdown 工具。

將 MCP 伺服器新增至 Claude Code

設定 MCP 伺服器非常簡單。首先,停止任何正在執行的 Claude Code 工作階段,然後使用 MCP add 指令:

bash
claude mcp add documents uv run main.py

此指令需要兩個參數:

  • 伺服器名稱(可以是任何您想要的名稱——在此例中為「documents」)
  • 啟動您的 MCP 伺服器的指令

新增伺服器後,重新啟動 Claude Code,它將自動連接到您的 MCP 伺服器。

測試整合

連接後,Claude 就可以使用您的 MCP 伺服器所提供的工具。在我們的範例中,我們可以要求 Claude 將文件檔案轉換為 markdown 格式,它將自動使用我們建立的文件轉換工具。

Claude Code 在 mcp_docs.docx 上執行 MCP 工具 document_path_to_markdown,回傳包含基本類型表格的 markdown。

該工具成功轉換了文件內容,展示了 MCP 伺服器如何為 Claude Code 新增全新的能力。

有許多現有的 MCP 伺服器可以增強您的開發工作流程:

使用 MCP 擴展 Claude:六個 MCP 伺服器的表格,以及每個伺服器讓 Claude 能做什麼,列於下方。

  • sentry-mcp - 自動發現並修復記錄在 Sentry 中的錯誤
  • playwright-mcp - 賦予 Claude 瀏覽器自動化能力,用於測試和疑難排解
  • figma-context-mcp - 將 Figma 設計公開給 Claude
  • mcp-atlassian - 允許 Claude 存取 Confluence 和 Jira
  • firecrawl-mcp-server - 為 Claude 新增網頁爬取能力
  • slack-mcp - 允許 Claude 發佈訊息或回覆特定討論串

建立您的自訂工作流程

真正的強大之處在於結合多個符合您特定開發需求的 MCP 伺服器。例如,您可以設定:

  • 一個 Sentry 伺服器來擷取生產環境的錯誤詳情
  • 一個 Jira 伺服器來讀取票證需求
  • 一個 Slack 伺服器,在工作完成時通知您的團隊
  • 針對您特定工具和流程的自訂伺服器

這種靈活性使 Claude Code 能夠極度適應不同的開發環境和工作流程。花一些時間思考您經常使用哪些外部服務和工具——很可能已經有一個 MCP 伺服器可以將它們與 Claude Code 整合。