人來過

Claude Code 5 個必裝 MCP 安裝教學

我每天在用的 5 個 — 一鍵複製指令,照著裝就好

← 回 leoaido 首頁

MCP(Model Context Protocol)是讓 Claude Code 接上外部工具的標準介面。裝好下面這 5 個,Claude 就能上網查、操控瀏覽器、抓整個網站、生圖生片、控制你的分頁——能力直接翻倍。每段指令都從官方來源查證過、可一鍵複製。非工程師也能照做。

開始前

怎麼用這頁

先裝好 Claude Code。下面每段指令在終端機貼上執行即可(把金色字的 API key 換成你自己的)。安裝完重開一次 Claude Code session 才會載入,用 claude mcp list 可以確認裝好了沒。

Mac/Windows 差別:每個工具下面都給了「Mac/Linux」和「Windows」兩版,照你的系統複製。差別只在——Windows 上凡是有 npx 的指令都要包成 cmd /c npx(這是 Claude Code 在 Windows 的官方需求,不包會跑不起來);Mac/Linux 直接用原指令即可。
1
Perplexity MCP
即時上網查資料,不用一直切分頁

讓 Claude 直接呼叫 Perplexity 的 Sonar 模型做即時網路搜尋、提問與深度研究。

Mac / Linux

claude mcp add perplexity --env PERPLEXITY_API_KEY="你的KEY" -- npx -y @perplexity-ai/mcp-server

Windows

claude mcp add perplexity --env PERPLEXITY_API_KEY="你的KEY" -- cmd /c npx -y @perplexity-ai/mcp-server

API key:需要 PERPLEXITY_API_KEY,到 perplexity.ai 的 API 設定 申請(付費 API,需先儲值)。

官方來源:github.com/perplexityai/modelcontextprotocol

2
Playwright MCP
讓 Claude 操控瀏覽器、點按鈕、填表單

Microsoft 官方出品。用真實瀏覽器自動化——開網頁、點按鈕、填表單、截圖、抓頁面結構。免 API key,首次執行會自動裝瀏覽器。

Mac / Linux

claude mcp add playwright npx @playwright/mcp@latest

Windows

claude mcp add playwright -- cmd /c npx @playwright/mcp@latest

官方來源:github.com/microsoft/playwright-mcp

3
Firecrawl MCP
幾秒把整個網站抓進 Claude

把整站抓成乾淨的 Markdown(scrape / crawl / search / map / extract),餵給 Claude 讀。

Mac / Linux

claude mcp add firecrawl -e FIRECRAWL_API_KEY=你的KEY -- npx -y firecrawl-mcp

Windows

claude mcp add firecrawl -e FIRECRAWL_API_KEY=你的KEY -- cmd /c npx -y firecrawl-mcp

API key:需要 FIRECRAWL_API_KEYfc- 開頭),到 firecrawl.dev 註冊,有免費方案、免信用卡

官方來源:github.com/firecrawl/firecrawl-mcp-server

4
Glif MCP
AI 生圖、影片,直接在工作流裡跑

glif.app 的 AI workflow(生圖、迷因、多媒體模型)拉進 Claude 執行。

Mac / Linux

claude mcp add glif --env GLIF_API_TOKEN=你的TOKEN -- npx -y @glifxyz/glif-mcp-server@latest

Windows

claude mcp add glif --env GLIF_API_TOKEN=你的TOKEN -- cmd /c npx -y @glifxyz/glif-mcp-server@latest

API key:需要 GLIF_API_TOKEN,到 glif.app 的 API tokens 取得。

官方文件只提供 JSON 設定、沒有官方 CLI 原文,上面這行是依官方 JSON 等價轉換而成。另外此套件的 repo 已於 2026 年中設為唯讀(仍可安裝使用,但已停止維護)。

官方來源:github.com/glifxyz/glif-mcp-server

5
Chrome MCP
Claude 看得到、也能操作你本人的 Chrome 分頁

跟 Playwright 不同:Chrome MCP 接上你自己正在用的 Chrome,沿用你已登入的狀態與現有分頁,能跨分頁搜尋、截圖、抓內容、點擊填表。免 API key,純本機(需 Node.js 20 以上)。安裝不是一行指令,要先裝擴充功能+橋接:

  1. 官方 releases 下載擴充功能
  2. 終端機安裝橋接:npm install -g mcp-chrome-bridge
  3. Chrome 開 chrome://extensions/ → 開「開發人員模式」→「載入未封裝項目」選剛下載的資料夾 → 按 connect
  4. 最後在 Claude Code 接上(預設跑在 127.0.0.1:12306):
claude mcp add --transport http chrome-mcp-server http://127.0.0.1:12306/mcp

這行 Mac/Windows 相同(沒有用 npx,不用包 cmd /c);前面的 npm install -g 兩邊也一樣。

「Chrome MCP」有多個同名專案。這裡用的是 hangwin/mcp-chrome,最貼合「操作我本人的 Chrome」這個用途;Google 官方另有 chrome-devtools-mcp,但偏向網頁除錯、用途不同。

官方來源:github.com/hangwin/mcp-chrome


常見問題

MCP 是什麼?

Model Context Protocol,一套讓 Claude Code 連接外部工具與資料來源的標準介面。裝上對應的 MCP server,Claude 就能上網、操控瀏覽器、抓網站、生圖,能力大幅擴充。

裝了卻沒反應?

指令跑完要重開 Claude Code session 才會載入,用 claude mcp list 確認是否成功加入。

一定要付費 key 嗎?

不一定。Playwright、Chrome 免 key;Firecrawl 有免費方案;Perplexity、Glif 需要 key,其中 Perplexity API 為付費。

這頁是我做給你的免費資源

我是黃志弘(kanisleo328),一個用 AI 做了好幾個產品的非工程師。如果這頁有幫到你,歡迎到 IG 跟我說一聲,也會持續整理更多 AI 實戰教學。

到 IG 找我 →