小編精選 - 技術文章翻譯 · 08月23日

讓 AI 編碼精準度大幅提升的 Context7 MCP Server 完全指南

你好，我是ともだ。

使用 AI 程式編寫助理時，你有沒有因為生成了過時資訊的程式碼而感到煩躁過？

尤其是在使用最新的函式庫或框架時，常常會出現用舊版 API 寫出來的程式碼。
結果還是得自己重新查官方文件，白白浪費時間。

這次要來解說的是能從根本解決這個問題的「Context7 MCP Server」。

什麼是 Context7 MCP Server？

簡單來說，它是一個能把最新文件提供給 AI 助理的工具。

如果用圖書館來比喻，就像是把只有舊參考書的圖書館，變成永遠備有最新版本的圖書館一樣。
而且圖書館員（AI）還會自動挑選最新的書來告訴你。

Context7 是由 Upstash 開發的 MCP 伺服器。
支援超過 15,000 個函式庫的官方文件。

最大的特色是，使用方式簡單得令人驚訝。
只要在提示詞中加上「use context7」就能運作。

為什麼需要 Context7

傳統的 AI 程式編寫助理有一個很大的弱點。
那就是，它只知道訓練當時的資訊。

例如，即使 Next.js 15 已經推出，AI 仍可能用舊版本的知識來回答。
或是不知道 TypeScript 5.5 的新功能，還提出舊寫法。

這個問題其實很惱人，對吧。

使用 Context7 的話，AI 會自動取得最新文件。
也能提供特定版本、精確的程式碼範例。

結果就能得到以下好處：

錯誤變少。
除錯時間縮短。
可以寫出符合最新最佳實務的程式碼。

而且它還是完全免費的開源軟體。

導入方法：各工具的設定

導入 Context7 真的非常簡單。
以下說明各主要工具的設定方法。

Cursor 的設定

Cursor 使用者請依照以下步驟設定。

首先，開啟設定畫面。
進入「Cursor 設定」→「MCP」→「新增新的全域 MCP 伺服器」。

接著，加入以下設定。

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

如果要直接編輯檔案，請開啟 ~/.cursor/mcp.json 並加入相同內容。

Claude Desktop 的設定

Claude Desktop 也很簡單。

只要在 claude_desktop_config.json 檔案中加入以下內容即可。

{
  "mcpServers": {
    "Context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Claude Code 的設定

如果是 Claude Code，只要一行指令就能完成設定。

claude mcp add context7 -- npx -y @upstash/context7-mcp

如果上述方法無法成功，也可以試試這個。

claude mcp add --transport http context7 https://mcp.context7.com/mcp

實際的使用方法

Context7 的用法簡單到讓人有點意外。

只要在一般提示詞中加上「use context7」即可。
如此一來，AI 就會自動參考最新文件。

基本使用範例

要建立 Next.js 專案時。

請使用 app 路由器建立一個基本的 Next.js 專案。use context7

要建立資料庫操作腳本時。

請使用 PostgreSQL 的認證資訊，建立一個刪除 city 為空白的資料列的腳本。use context7

更實用的活用方式

當你想使用 React 19 的新功能時。

請使用 React 19 的新 use() Hook，實作非同步資料擷取。use context7

當你想活用 TypeScript 5.5 的新功能時。

請使用 TypeScript 5.5 的新功能，建立型別安全的 API 用戶端。use context7

這樣一來，就會生成符合最新規格的程式碼。

不只是 Context7，要熟練運用 MCP 伺服器，先掌握整體架構會更容易理解。
拙著《用 Claude Code 做中學：AI 驅動應用程式開發入門》（技術評論社，2026 年 9 月 8 日上市）第 7 章，除了介紹 MCP 的運作原理與新增、管理的基本方法，也有涵蓋 Context7 MCP 的活用。
另外還有使用 Playwright MCP 進行瀏覽器自動化、使用 Supabase MCP 進行資料庫串接等，透過實作逐步進行各種實用的 MCP 活用內容。