Claude Code 外掛完整指南:從 9,000 款精選出的 36 個必備工具

@ClaudeCode_love
日語2 個月前 · 2026年4月29日
816K
628
56
4
1.6K

TL;DR

本指南從 9,000 款外掛中精選出 36 個 Claude Code 必備工具,提供專為前端開發、資料工程與商業自動化設計的解決方案,助您極大化 AI 程式開發的生產力。

如果你正在使用 Claude Code,但還沒安裝「外掛程式」,甚至不知道它們的存在,那你就像在現代社會中還不用手機 Suica 一樣吃虧。現在還不晚,所以你一定要看看這篇文章!!!

最近,越來越多人了解 Skills 和 MCP,但真正讓 Claude Code 進化加速的關鍵,其實是「外掛程式」。

老實說,你在使用 Claude Code 時,是不是也有這些煩惱?

Claude Code Studio - inline image

・什麼是外掛程式?

・Claude Code 的外掛程式太多了,不知道該安裝哪些。

・我暫時裝了一些,但不確定自己有沒有真正有效使用。

・即使看了官方市集,也分不清哪些是標準配備。

・我想知道其他開發者實際上都在用哪些。

@zodchiii 查看了 Anthropic 官方市集、頂尖社群收藏,以及開發者們實際在討論的外掛程式,並依使用情境精選出 36 個,在海外爆紅!😳

這次,我會用簡單易懂的方式說明內容 👇

原文在此:https://x.com/zodchiii/status/2042529018260656555

■ 外掛程式到底是什麼?

Claude Code Studio - inline image

外掛程式是結合技能、指令、鉤子與 MCP 伺服器的套件。你可以用一條指令安裝,不需要自己寫設定檔。只要把它們想成能擴展 Claude Code 功能的東西就行了。

■ 安裝方法(所有外掛程式通用)

Claude Code Studio - inline image
  1. 在終端機中開啟 Claude Code
  2. 輸入 /plugin
  3. 前往「探索」分頁
  4. 依名稱搜尋外掛程式
  5. 選取它,然後選擇安裝範圍(使用者或專案)

就是這麼簡單。你也可以先在 claude.com/plugins 查看完整目錄。

對於不在官方市集中的社群外掛程式,請先加入市集:

/plugin marketplace add owner/repo

然後該儲存庫中的外掛程式就會出現在「探索」分頁。

■ Anthropic 官方外掛程式(01–08)

Claude Code Studio - inline image

這些在官方市集中,並經 Anthropic 驗證。

01 — Frontend Design

Claude Code Studio - inline image

產生看起來不像「AI 風格」的適當 UI 程式碼。真正的設計系統、大膽的字體排版。最受歡迎的外掛程式,安裝次數超過 40 萬。

claude.com/plugins/frontend-design

02 — Superpowers

擁有超過 20 項技能的瑞士刀。TDD、除錯、計畫轉程式碼、腦力激盪、技能建立。安裝次數超過 29 萬。

claude.com/plugins/superpowers

03 — Context7

即時文件搜尋。從原始碼儲存庫中提取最新的 API 與使用範例。防止 Claude 幻想出舊的函式庫程式碼。

claude.com/plugins/context7

04 — Code Review

結構化的程式碼審查。錯誤、安全性、效能、風格。內建審查者 Agent。

claude.com/plugins/code-review

05 — Security Guidance

掃描 OWASP Top 10、驗證漏洞、注入漏洞以及硬編碼的密碼。

claude.com/plugins/security-guidance

06 — Commit Commands

Git 工作流程自動化。智慧提交、PR 建立、變更日誌產生。

claude.com/plugins/commit-commands

07 — Feature Dev

功能實作的端到端工作流程。規格 → 計畫 → 實作 → 測試 → PR。結構化步驟。

claude.com/plugins/feature-dev

08 — Plugin Toolkit

7 項專家技能,用於建立你自己的外掛程式。鉤子、MCP、指令、Agent、驗證。

claude.com/plugins/plugin-toolkit

■ 程式碼品質與語言伺服器(09–12)

Claude Code Studio - inline image

一組讓 Claude 擁有與 VS Code 相同程式碼智慧的外掛程式。可實現跳到定義、參考搜尋與型別錯誤檢查。

09 — TypeScript LSP —— 型別檢查與導覽(官方)

10 — Python LSP —— Python 語言伺服器(官方)

11 — Rust LSP —— rust-analyzer 整合(官方)

12 — Ruby LSP —— Ruby 程式碼智慧(官方)

■ 自主編碼(13–15)

Claude Code Studio - inline image

13 — Ralph Loop

自主編碼工作階段。Claude 逐一處理任務,提交到 git,然後進行下一項。如果讓它自己跑,你會得到完成且帶有乾淨 git 歷史的程式碼。

claude.com/plugins/ralph-wiggum

14 — Chrome DevTools

允許使用現有的 Chrome 工作階段除錯網路請求、主控台錯誤與即時頁面。前端除錯中常被低估的外掛程式。

15 — Playwright

Claude 操作真實瀏覽器。點擊、表單輸入、螢幕截圖、UI 測試。不需要測試腳本。

claude.com/plugins/playwright

■ 搜尋與資料(16–20)

Claude Code Studio - inline image

16 — Firecrawl

抓取任何 URL、網站爬蟲、自主研究 Agent。將網路資料帶入 Claude Code 的必備工具。

claude.com/plugins/firecrawl

17 — Sourcegraph

跨程式碼庫搜尋。追蹤參考、重構影響分析、安全掃描。

claude.com/plugins/sourcegraph

18 — SQL Analytics —— 使用 SQL 進行資料分析與視覺化(合作夥伴製作)

19 — Data Engineering —— 資料倉儲探索、管線建立、Airflow 整合(合作夥伴製作)

20 — Amplitude —— 追蹤計畫建立、分析程式碼產生

claude.com/plugins/amplitude

■ DevOps 與基礎設施(21–24)

Claude Code Studio - inline image

21 — Vercel —— 部署、建置、日誌、網域管理

claude.com/plugins/vercel

22 — AWS Deploy —— AWS 部署、架構建議、成本估算

23 — PagerDuty Risk Score —— 在提交前評估部署風險分數

claude.com/plugins/pagerduty

24 — Mintlify —— 從程式碼自動產生文件

claude.com/plugins/mintlify

■ 整合(25–30)

Claude Code Studio - inline image

25 — GitHub —— PR、Issues、程式碼搜尋、CI/CD(終極必備)

claude.com/plugins/github

26 — Slack —— 工作流程、訊息草稿、頻道分析

claude.com/plugins/slack

27 — Sentry —— 生產環境錯誤監控、堆疊追蹤、修復建議

claude.com/plugins/sentry

28 — Linear —— 問題管理、衝刺管理

claude.com/plugins/linear

29 — Supabase —— 資料庫管理、驗證、儲存

claude.com/plugins/supabase

30 — Stripe —— 付款、訂閱、發票、客戶資料

claude.com/plugins/stripe

■ 商業與知識工作(31–36)

Claude Code Studio - inline image

來自 Anthropic 的 knowledge-work-plugins 市集。請先加入:

/plugin marketplace add anthropics/knowledge-work-plugins

31 — Brand Voice —— 統一所有內容的品牌語調

32 — Marketing —— SEO 審查、內容策略、競爭者分析

33 — Sales —— 潛在客戶研究、郵件序列、異議處理

34 — Legal —— 合約審查、合規(僅供初步篩選,不構成法律建議)

35 — Finance —— 財務分析、預算規劃、預測模型

36 — Productivity —— 會議摘要、任務管理、郵件草稿

■ 依使用情境推薦的組合

Claude Code Studio - inline image

你不需要全部安裝。根據你的工作內容,3–5 個外掛程式是最理想的。

給所有開發者:

Frontend Design + Code Review + Commit Commands + 你所用語言的 LSP

全端:

Superpowers + Context7 + GitHub + Supabase

前端:

Frontend Design + Chrome DevTools + Playwright + Vercel

DevOps:

AWS Deploy + Sentry + PagerDuty + GitHub

商業/行銷:

Brand Voice + Marketing + Sales + Productivity

資料:

SQL Analytics + Data Engineering + Firecrawl

■ 操作注意事項

每個外掛程式都會消耗情境 token。裝越多,開銷就越大。3–5 個是最佳數量。

停用你沒在用的外掛程式:

/plugin disable plugin-name

參考連結:

・完整目錄:claude.com/plugins

・官方儲存庫:github.com/anthropics/claude-plugins-official

・外掛程式文件:code.claude.com/docs/en/discover-plugins

■ 總結

・從超過 9,000 個外掛程式中精選出 36 個

・8 個 Anthropic 官方 + 4 個程式碼品質 + 3 個自主編碼 + 5 個搜尋與資料 + 4 個 DevOps + 6 個整合 + 6 個商業

・最受歡迎的是 Frontend Design(40 萬+)與 Superpowers(29 萬+)

・不需要全部安裝,依使用情境選 3–5 個

・停用未使用的外掛程式以節省 token

・社群製作的可透過 /plugin marketplace add 加入

━━━━━━━━━━

給覺得這篇文章有一點幫助的人。

Claude Code Studio - inline image

Claude Code Studio @ Japan(@ClaudeCode_love)是由三位重度 Claude Code 使用者經營的帳號。

我們每天發布關於專業級 CLI 使用與自動化的內容。

目前正與一家上市公司共同開發 AI Agent。

我們平時的貼文 👇

・使用 Claude Code 與 Claude 的實際產品開發案例

・整理 Claude Code 使用方式 / Vibe Coding / 開發趨勢

・來自海外的 Claude Code 最新資訊

從開發理念到設計、實作與改善,我們彙整海外與第一手資訊,不只是「做完」,而是「讓產品真正上線」。

如果你有興趣,請追蹤並關注我們!👀

我相信這會非常有幫助,而且你絕不會後悔!

存到 YouMind

使用 YouMind 深度閱讀爆款文章

保存原文、追問細節、總結觀點,並在一個 AI 工作空間裡把爆款文章沉澱成可複用筆記。

了解 YouMind

更多可拆解樣本

近期爆款文章

探索更多爆款文章