Skip to main content

Claude Code 外掛生態完整指南——10 個提升開發效率的必裝外掛

· 閱讀時間約 20 分鐘
Felo AI
Operations

Claude Code 外掛推薦——10 個提升開發效率的必裝外掛,涵蓋 MCP 伺服器、Skills、記憶管理,台灣開發者實測整理。

Claude Code 本身已經很強。但裝了對的外掛之後,它從「很強的 AI 助手」變成「你團隊裡最可靠的工程師」。

問題是:外掛生態成長得很快,選擇太多,文件散落各處。哪些值得裝?哪些只是噱頭?裝了之後怎麼用才有效?

這篇文章整理了 10 個經過實測、真正能提升日常開發效率的 Claude Code 外掛。每個都附上安裝指令、使用範例、適合的使用情境。不灌水,不排名,只講實用。

如果你還沒用過 Claude Code,建議先看這篇 Claude Code 完整教學,再回來挑外掛。


Claude Code 外掛生態概覽

在挑外掛之前,先搞清楚 Claude Code 的三種擴充機制。搞混了會浪費時間。

MCP 伺服器(Model Context Protocol)

MCP 是 Claude Code 連接外部工具的標準協定。透過 MCP 伺服器,Claude 可以直接操作資料庫、瀏覽器、檔案系統、API——不需要你手動複製貼上資料。

特點:

  • 讓 Claude 直接存取外部資源
  • 標準化協定,社群持續開發新的伺服器
  • 需要在 mcp_config.json 或透過 CLI 設定

想深入了解 MCP 的運作原理,可以參考 MCP 伺服器完整教學

Skills(技能外掛)

Skills 是 Claude Code 的行為擴充。它們不連接外部資源,而是教 Claude 新的工作模式——比如特定的程式碼審查流程、部署步驟、或專案管理方法。

特點:

  • 擴充 Claude 的行為能力
  • 透過 Plugin Marketplace 安裝
  • 可以自訂或從社群取得

社群工具與整合

除了官方支援的 MCP 和 Skills,社群也開發了大量工具——從 VS Code 擴充到獨立的 CLI 工具。這些通常透過 npm 或 GitHub 安裝。


10 個提升開發效率的必裝外掛

以下 10 個外掛涵蓋了日常開發最常碰到的場景:資料庫操作、瀏覽器測試、檔案管理、記憶管理、程式碼品質、API 測試、容器化、版本控制、文件生成、系統監控。


1. PostgreSQL MCP Server——直接在對話中查資料庫

類型: MCP 伺服器 用途: 讓 Claude 直接連接 PostgreSQL 資料庫,執行查詢、檢視結構、分析資料

每次除錯都要開 pgAdmin 或 DBeaver,複製查詢結果,貼回 Claude——這個流程你一天重複幾次?PostgreSQL MCP 伺服器讓 Claude 直接讀取你的資料庫,省掉所有複製貼上。

安裝:

npm install -g @anthropic/mcp-postgres

在 Claude Code 設定中加入:

{
"mcpServers": {
"postgres": {
"command": "mcp-postgres",
"args": ["postgresql://user:password@localhost:5432/mydb"]
}
}
}

使用範例:

Show me the schema for the users table
Find all orders from the last 7 days where total > 1000, grouped by customer
What indexes exist on the payments table? Are there any missing indexes for common queries?

適合誰: 後端開發者、資料工程師、任何需要頻繁查詢資料庫的人。特別適合除錯時需要快速確認資料狀態的場景。

安全提醒: 建議使用唯讀帳號連接,避免 Claude 意外修改正式環境資料。更多安全實踐可以參考 AI 輔助開發安全指南


2. Playwright MCP Server——AI 驅動的瀏覽器自動化

類型: MCP 伺服器 用途: 讓 Claude 控制瀏覽器,執行端對端測試、擷取網頁內容、自動化瀏覽器操作

寫 E2E 測試最痛苦的部分不是邏輯,是選擇器。Playwright MCP 讓 Claude 直接看到頁面、點擊元素、填寫表單,然後幫你生成測試程式碼。

安裝:

npm install -g @anthropic/mcp-playwright

設定:

{
"mcpServers": {
"playwright": {
"command": "mcp-playwright",
"args": ["--headless"]
}
}
}

使用範例:

Open http://localhost:3000/login, fill in test credentials, and verify the dashboard loads
Navigate to the checkout page and generate a Playwright test for the complete purchase flow
Take a screenshot of the homepage on mobile viewport (375px)

適合誰: 前端開發者、QA 工程師、需要快速建立 E2E 測試的團隊。也很適合用來擷取競品頁面做分析。


3. Filesystem MCP Server——安全的檔案系統存取

類型: MCP 伺服器 用途: 讓 Claude 在指定目錄範圍內搜尋、讀取、管理檔案

Claude Code 本身就能讀寫檔案,但 Filesystem MCP 提供了更精細的控制——你可以限制 Claude 只能存取特定目錄,設定唯讀模式,或啟用進階搜尋功能。

安裝:

npm install -g @anthropic/mcp-filesystem

設定:

{
"mcpServers": {
"filesystem": {
"command": "mcp-filesystem",
"args": ["/path/to/your/project", "--read-only"]
}
}
}

使用範例:

Find all TypeScript files that import from the deprecated @old/utils package
Search for any hardcoded API keys or secrets in the project
List all files modified in the last 24 hours under src/

適合誰: 大型專案的開發者、需要在多個 repo 之間搜尋的人、對安全性有要求的團隊(透過唯讀模式限制 Claude 的檔案操作權限)。


4. MemClaw——專案工作區記憶管理

類型: Skills 外掛 用途: 給每個專案獨立的記憶工作區,讓 Claude 跨 session 記住專案情境

這是一個不同類型的問題。前面三個外掛解決的是「Claude 能做什麼」,MemClaw 解決的是「Claude 記得什麼」。

場景你一定熟悉:同時跑三個專案,每次開新 session 都要花 5-10 分鐘重新解釋情境。Client A 的技術決策跑進 Client B 的對話裡。上週討論的架構方向,今天又得從頭講。

MemClaw 給每個專案一個獨立的工作區。一個專案 = 一個工作區。Claude 載入工作區後,8 秒內就知道:專案背景、目前進度、已做的決策、待辦事項。不用重新解釋,不會搞混。

安裝:

/plugin marketplace add Felo-Inc/memclaw
/plugin install memclaw@memclaw

設定 API 金鑰:

export FELO_API_KEY="your-api-key-here"

API 金鑰在 felo.ai/settings/api-keys 取得,免費方案就能開始用。

使用範例:

Create a workspace called ClientAlpha
Load the ClientAlpha workspace
Add decision to workspace: 選擇 Stripe 作為付款閘道,因為台灣支援度最好且文件完整。
Update workspace status: 付款串接完成,下一步是實作 webhook 重試邏輯。

核心功能:

  • 專案隔離工作區——零交叉汙染
  • Living README——專案背景、偏好、進度自動維護
  • Artifacts——文件、報告、URL、檔案都能存
  • Tasks——Claude 工作時自動追蹤任務進度
  • 8 秒情境還原——載入工作區後立即進入狀態
  • 跨代理相容——OpenClaw 和 Claude Code 共用同一個工作區
  • 團隊共享——邀請隊友加入工作區

適合誰: 同時管理多個專案的開發者、接多個客戶的自由工作者、追蹤多條產品線的 PM、管理多個帳戶的業務。簡單說,只要你用 AI 代理處理超過一個專案,就需要它。

免費試用 MemClaw → memclaw.me


5. ESLint / Prettier MCP——自動化程式碼品質

類型: MCP 伺服器 用途: 讓 Claude 直接執行 linting 和格式化,在生成程式碼時自動符合團隊規範

Claude 生成的程式碼通常語法正確,但不一定符合你團隊的 ESLint 規則或 Prettier 設定。這個外掛讓 Claude 在寫程式碼的同時就檢查規範,而不是等你手動跑 lint 再回來修。

安裝:

npm install -g @anthropic/mcp-eslint

設定:

{
"mcpServers": {
"eslint": {
"command": "mcp-eslint",
"args": ["--config", "/path/to/your/.eslintrc.js"]
}
}
}

使用範例:

Lint the files I just changed and fix any issues
Check if this component follows our coding standards before I commit
Refactor this function and make sure it passes all lint rules

適合誰: 有嚴格程式碼規範的團隊、code review 時常被 lint 問題打回的開發者、想讓 Claude 生成的程式碼直接可以 merge 的人。


6. REST API Tester MCP——對話式 API 測試

類型: MCP 伺服器 用途: 讓 Claude 直接發送 HTTP 請求、測試 API 端點、分析回應

不用再開 Postman,不用再寫 curl 指令。直接告訴 Claude 你要測什麼,它幫你發請求、看回應、分析問題。

安裝:

npm install -g @anthropic/mcp-rest-api

設定:

{
"mcpServers": {
"rest-api": {
"command": "mcp-rest-api",
"args": ["--base-url", "http://localhost:8080"]
}
}
}

使用範例:

Test the POST /api/users endpoint with this payload: { "name": "Test", "email": "[email protected]" }
Hit all the auth endpoints and verify the token refresh flow works correctly
Compare the response of /api/v1/products and /api/v2/products — what changed?

適合誰: 後端開發者、API 設計者、需要快速驗證端點行為的人。特別適合開發初期頻繁測試 API 的階段。


7. Docker MCP Server——容器管理不離開終端

類型: MCP 伺服器 用途: 讓 Claude 管理 Docker 容器、映像檔、compose 服務

本地開發環境越來越依賴 Docker。這個外掛讓 Claude 直接查看容器狀態、讀取 log、重啟服務,不用你在終端和 Claude 之間來回切換。

安裝:

npm install -g @anthropic/mcp-docker

設定:

{
"mcpServers": {
"docker": {
"command": "mcp-docker"
}
}
}

使用範例:

Show me all running containers and their resource usage
The api container keeps crashing — show me the last 50 lines of logs
Create a docker-compose.yml for a Node.js app with PostgreSQL and Redis

適合誰: 使用 Docker 做本地開發的團隊、DevOps 工程師、需要快速排查容器問題的人。


8. Git Enhancement Skills——超越基本版本控制

類型: Skills 外掛 用途: 強化 Claude 的 Git 操作能力——智慧 commit 訊息、PR 摘要、衝突解決建議

Claude Code 本身就能執行 Git 指令,但 Git Enhancement Skills 讓它更聰明:自動分析 diff 生成有意義的 commit 訊息、根據整個 PR 的變更生成摘要、在合併衝突時提供具體的解決建議。

安裝:

/plugin marketplace add community/git-enhancement
/plugin install git-enhancement@latest

使用範例:

Analyze my staged changes and suggest a commit message
Generate a PR description for all commits on this branch
I have merge conflicts in 3 files — help me resolve them based on the intent of both branches

適合誰: 所有使用 Git 的開發者。特別適合 commit 訊息總是寫「fix bug」的人(我們都有過這種時候)。


9. Documentation Generator Skills——自動化文件生成

類型: Skills 外掛 用途: 從程式碼自動生成 API 文件、README、JSDoc/TSDoc 註解

寫文件是所有開發者最不想做但最該做的事。這個外掛讓 Claude 分析你的程式碼結構,自動生成對應的文件——而且不是那種沒人看的模板文件,是真正有用的、根據你程式碼邏輯寫的文件。

安裝:

/plugin marketplace add community/doc-generator
/plugin install doc-generator@latest

使用範例:

Generate API documentation for all endpoints in src/routes/
Add JSDoc comments to all exported functions in src/utils/
Create a README for this project based on the codebase structure and package.json

適合誰: 開源專案維護者、需要交付文件的接案開發者、任何被 PM 催文件的工程師。


10. System Monitor MCP——即時系統監控

類型: MCP 伺服器 用途: 讓 Claude 監控系統資源、應用程式效能、log 檔案

應用程式變慢了,但你不確定是記憶體、CPU、還是資料庫連線的問題。System Monitor MCP 讓 Claude 直接查看系統狀態,幫你快速定位瓶頸。

安裝:

npm install -g @anthropic/mcp-system-monitor

設定:

{
"mcpServers": {
"monitor": {
"command": "mcp-system-monitor",
"args": ["--log-dir", "/var/log/myapp"]
}
}
}

使用範例:

What's the current CPU and memory usage? Is anything abnormal?
Tail the application logs and find any errors from the last hour
Monitor the response times of my API — are there any endpoints consistently slow?

適合誰: 全端開發者、SRE、需要快速排查效能問題的人。特別適合本地開發時追蹤資源使用狀況。


外掛組合建議:依角色選配

不是每個外掛都要裝。根據你的角色,這裡是建議的組合:

後端開發者: PostgreSQL MCP + REST API Tester + Docker MCP + MemClaw

前端開發者: Playwright MCP + ESLint/Prettier MCP + Git Enhancement + MemClaw

全端開發者: 以上全部(認真的)

自由工作者 / 多專案管理: MemClaw + Git Enhancement + Documentation Generator

MemClaw 在這裡特別關鍵——當你同時管理 3-5 個客戶專案時,每個專案的情境隔離不是「nice to have」,是「沒有會出事」。一個工作區搞混了,可能把 A 客戶的架構決策套到 B 客戶的專案上。


安裝與管理外掛的實用技巧

一次設定多個 MCP 伺服器

你可以在同一個設定檔中加入多個 MCP 伺服器:

{
"mcpServers": {
"postgres": {
"command": "mcp-postgres",
"args": ["postgresql://user:pass@localhost:5432/mydb"]
},
"playwright": {
"command": "mcp-playwright",
"args": ["--headless"]
},
"docker": {
"command": "mcp-docker"
}
}
}

Skills 外掛管理

查看已安裝的外掛:

/plugin list

更新外掛:

/plugin update memclaw@memclaw

移除外掛:

/plugin remove memclaw

效能注意事項

  • 不要一次啟用太多 MCP 伺服器——每個都會佔用系統資源
  • 不常用的 MCP 伺服器可以先註解掉,需要時再啟用
  • Skills 外掛的效能影響較小,可以放心安裝

常見問題

MCP 伺服器和 Skills 外掛有什麼差別?

MCP 伺服器讓 Claude 連接外部工具和資源(資料庫、瀏覽器、API)。Skills 外掛擴充 Claude 的行為模式(工作流程、程式碼規範、記憶管理)。簡單說:MCP 是「能做什麼」,Skills 是「怎麼做」。

外掛會影響 Claude Code 的回應速度嗎?

MCP 伺服器在被呼叫時才會執行,不會影響一般對話速度。但如果同時啟用太多 MCP 伺服器,Claude 在判斷該用哪個工具時可能會稍慢。建議只啟用當前需要的伺服器。

外掛的安全性如何?

MCP 伺服器會存取你的本地資源(資料庫、檔案系統等),所以要注意權限設定。建議:

  • 資料庫連線使用唯讀帳號
  • Filesystem MCP 限制存取目錄
  • 不要在正式環境直接使用這些外掛
  • 定期檢查外掛的更新和安全公告

更多安全實踐請參考 AI 輔助開發安全指南

可以自己開發 MCP 伺服器嗎?

可以。MCP 是開放協定,任何人都可以開發自己的 MCP 伺服器。Anthropic 提供了 SDK 和文件。如果你的團隊有特殊的內部工具需要串接,自建 MCP 伺服器是最好的方式。

MemClaw 和 Claude Code 內建的 memory 功能有什麼不同?

Claude Code 的內建記憶是 session 層級的——關掉就沒了。MemClaw 是專案層級的持久記憶——跨 session、跨代理、跨裝置。而且 MemClaw 的工作區是隔離的,不同專案的情境不會互相干擾。


總結:從工具到工作流程

外掛本身不會讓你變快。讓你變快的是:選對外掛 → 融入日常工作流程 → 持續累積情境。

這 10 個外掛覆蓋了開發工作中最常見的摩擦點。但如果只能選一個開始,我會建議從記憶管理開始。原因很簡單:其他外掛解決的是單次操作的效率,記憶管理解決的是跨 session 的效率。前者是線性改善,後者是複利。

每次 session 結束時記錄的決策、每個工作區累積的情境,都會讓下一次 session 更快進入狀態。用得越久,效果越明顯。

開始使用 MemClaw → memclaw.me


本文由 MemClaw 團隊撰寫。MemClaw 是 AI 代理的持久專案工作區——讓你的 Claude Code 和 OpenClaw 跨 session 記住每個專案的情境。