2026 年，Claude Code 已經從「會聊天的終端機」進化成可編排的 Agent 平台。真正拉開差距的，往往不是模型版本，而是你有沒有裝對 Skills。
可以把 Skill 理解成給 AI 裝的「操作手冊」：你輸入 /grill-me 這類斜線命令，Claude 就按手冊裡的步驟辦事——先問清楚再寫程式碼、先寫測試再實作、先把大需求拆成小任務，而不是想到哪改到哪。
問題是：skills.sh 上已有數千個技能，名字還多是英文。本文的做法是：先用白話講清每個 Skill 是幹什麼的、你該不該裝，再附一鍵安裝命令。若你想深入了解 mattpocock 單包的設計思路，可對照本站《mattpocock/skills 重新定義 AI 程式設計協作》。
下文每個 Skill 均附 複製即用 的 npx skills add ... 命令，與 skills.sh 技能卡片上的安裝命令一致，可直接貼上到終端機。
一、Skills 是什麼，和 Rules 差在哪
一句話：Skill 是「按需呼叫的工作流程」，Rules 是「始終生效的專案規矩」。
打個比方：Rules 像公司考勤制度，每天上班都要遵守；Skill 像「寫需求文件」「跑測試」「做 Code Review」這幾份 SOP——只有你需要做這件事時，才翻開照著做。技術上，每個 Skill 是一個資料夾，裡面有 SKILL.md 告訴 Claude 具體步驟；你在對話裡輸入 /技能名 就能觸發。
| 機制 | 通俗理解 | 什麼時候會用到 |
|---|---|---|
| Rules / CLAUDE.md | 專案的「家規」：程式碼風格、目錄結構、禁止做的事 | 幾乎每次對話都會帶上 |
| Skills | 可複用的「辦事流程」：對齊需求、寫測試、拆任務 | 輸入 /xxx 或 Claude 判斷需要時才啟用 |
| Claude Code 內建技能 | 官方自帶：程式碼審查、除錯迴圈 | 輸入 /code-review、/debug 等 |
實際怎麼配？Rules 寫底線，Skills 寫過程。比如 Rule 寫「禁止 force push」；Skill /git-guardrails-claude-code 則在你要執行危險 Git 命令時當場攔住你。
二、一鍵安裝：複製命令到終端機即可
裝 Skill 不需要手動下載檔案。社群統一用 skills CLI（npx skills）：把 GitHub 上的技能包同步到你電腦的 Claude Code 目錄（Cursor、Codex 也支援）。
在 skills.sh 任意技能卡片上，頁面會直接給出可複製的 npx skills add ... 命令——本文裡的命令與官網一致，複製後貼上到終端機即可安裝。
2.1 通用命令格式
# 安裝單個 Skill（全域 + 跳過確認 + 指定 Claude Code）
npx skills add owner/repo@skill-name -g -y -a claude-code
# 安裝整個技能包（互動式勾選，或加 --all）
npx skills add owner/repo -g -y -a claude-code
# 僅安裝到目前專案（團隊可提交 .claude/skills/）
npx skills add owner/repo@skill-name -y -a claude-code2.2 關鍵參數速查
| 參數 | 含義 |
|---|---|
-g, --global | 裝到 ~/.claude/skills/，所有專案可用 |
-y, --yes | 跳過確認，適合腳本化「一鍵安裝」 |
-a claude-code | 只寫入 Claude Code 目錄（可加 cursor、codex） |
-s skill-name | 從大包中只裝指定 Skill |
--copy | 複製檔案而非 symlink（部分環境需要） |
三、第 0 層：元技能（先裝這兩個）
這一層不是幫你寫程式碼，而是幫你找技能、造技能。建議最先裝，後面就不用總翻網頁對照本文了。
find-skills —— Skills 應用商店
它是幹什麼的：在 Claude Code 對話裡直接搜、直接裝 skills.sh 上的技能。相當於把「逛應用商店 + 安裝」搬進終端機，不用切瀏覽器複製命令。
什麼時候用：你想裝「安全稽核」「SEO」「資料庫」類技能，但不知道倉庫名叫什麼時；或者每隔幾個月想更新一波新技能。
一鍵安裝：複製下方命令到終端機（與 skills.sh 官網一致）。
npx skills add vercel-labs/skills@find-skills -g -y -a claude-codeskill-creator —— 自己寫 Skill 的腳手架
它是幹什麼的：按 Anthropic 官方格式，引導你從零寫一個團隊專屬 Skill（比如發布流程、Code Review 清單）。寫完後可以只給團隊用，也可以開源到 GitHub。
什麼時候用：你發現某個流程每週都要跟 Claude 重複講一遍，想固化成 /our-deploy 這種一鍵命令時。
一鍵安裝：複製下方命令到終端機。
npx skills add anthropics/skills@skill-creator -g -y -a claude-code四、第 1 層：工程紀律包（mattpocock/skills）
mattpocock/skills 是 GitHub 上 Star 十萬量級的技能包，作者 Matt Pocock（Total TypeScript 課程主理人）把自己日常用的流程開源了出來。核心價值：防止 AI「沒聽懂就開寫」「寫完不測試」「一次改五十個檔案」。
若你只裝一個第三方大包，優先選它。下面依「從需求到交付」的順序介紹每個技能——先看懂用途，再決定是否單獨裝。
整包一鍵安裝
一鍵安裝整包：複製下方命令到終端機；裝完後務必執行 /setup-matt-pocock-skills 完成倉庫設定。
npx skills add mattpocock/skills -g -y -a claude-code裝完後務必在倉庫根目錄執行 /setup-matt-pocock-skills：告訴 Claude 你們用 GitHub 還是 Linear 管任務、團隊術語寫在哪、文件放哪個目錄。沒做這步，後面拆 Issue 容易和團隊習慣對不上。
4.1 需求對齊類 —— 寫程式碼之前先問清楚
| 命令 | 它是幹什麼的 | 典型場景 |
|---|---|---|
/grill-me |
像資深同事一樣反覆追問需求：邊界條件、異常情況、驗收標準。Claude 不會立刻動程式碼，直到雙方理解一致。 | 要做新功能、改核心邏輯，但需求還只是一句話時 |
/grill-with-docs |
追問的同時，把共識寫進 CONTEXT.md 和 ADR，以後對話都能引用團隊黑話。 |
希望 AI 記住「我們管這個叫 XXX」這類術語時 |
/to-prd |
把聊清楚的需求整理成 PRD，並自動在 GitHub 開 Issue。 | 和產品/老闆對完方案，需要落成文字給團隊看時 |
/to-issues |
把 PRD 拆成多個可獨立交付的小 Issue（豎切），避免「前端一週、後端一週」的水平切片。 | 準備排期、分工，或讓 AI 依 Issue 逐個實作時 |
4.2 寫碼與品質類 —— 讓改動可驗證、可回滾
| 命令 | 它是幹什麼的 | 典型場景 |
|---|---|---|
/tdd |
先寫失敗測試 → 寫最少程式碼通過 → 再重構。避免 AI 一口氣寫幾百行卻跑不通。 | 寫業務邏輯、修 bug、能寫單元測試的模組 |
/diagnose |
按固定步驟排障：重現 → 縮小範圍 → 假設 → 驗證 → 修復 → 迴歸。減少「猜一個改法試試」。 | 偶發 bug、效能、並發等不好一眼看出的毛病 |
/improve-codebase-architecture |
定期掃描程式碼庫，找出模組邊界模糊、命名不一致、該拆沒拆的地方，給出重構建議。 | 發版前、或每隔一兩週做「架構體檢」時 |
/git-guardrails-claude-code |
在 Git 命令執行前設閘：攔截 force push、hard reset 等危險操作，防止 AI 手滑刪歷史。 | 有生產分支的倉庫；有過「AI 把 main 推炸」教訓的團隊 |
4.3 效率與協作類
| 命令 | 它是幹什麼的 | 典型場景 |
|---|---|---|
/caveman |
讓 Claude 用極簡短句回覆，少廢話、少重複，大約能省 75% token。 | 長工作階段、成本敏感，或你只要結果不要解釋時 |
/handoff |
把對話上下文、進度、未完成項壓成一份交接文件，方便換人或換 Agent 接著幹。 | 今天幹一半明天繼續，或從 Claude Code 切到 Cursor 時 |
/setup-matt-pocock-skills |
首次安裝後的設定精靈：選 Issue 平台、標籤規則、文件路徑。整包安裝後必跑。 | 剛裝完 mattpocock/skills 的第一次 |
推薦日常鏈路：新功能先 /grill-with-docs 對齊 → /to-issues 拆任務 → 每個任務用 /tdd 實作。更細的流程解讀見本站 mattpocock 深度文。
單技能安裝：只需其中一個時，複製對應一行到終端機（命令格式與 skills.sh 技能卡片一致）。
npx skills add mattpocock/skills@grill-me -g -y -a claude-code
npx skills add mattpocock/skills@tdd -g -y -a claude-code
npx skills add mattpocock/skills@to-issues -g -y -a claude-code五、第 2 層：子代理編排（obra/superpowers）
obra/superpowers 解決的是另一類問題：任務太大，一個 Agent 聊到底容易亂。它教你先規劃、再拆給子代理並行、最後統一驗收——像專案經理帶團隊，而不是一個人包辦所有活。
和 mattpocock 的分工：mattpocock 管「日常寫碼紀律」；superpowers 管「大需求怎麼拆、怎麼並行」。兩者可以一起裝。
整包安裝
一鍵安裝：複製下方命令到終端機。
npx skills add obra/superpowers -g -y -a claude-code| 命令 | 它是幹什麼的 | 典型場景 |
|---|---|---|
/brainstorming |
大需求先腦力激盪：列方案、比利弊、看風險，選定方向後再動手。防止接到「做個後台」就直接開寫。 | 需求模糊、多種技術選型、或多模組新專案 |
/writing-plans |
把選定方案寫成逐步執行的計畫書：每步做什麼、依賴什麼、怎麼驗收。 | 方案定了，需要可跟進的任務清單時 |
/subagent-driven-development |
把子任務分給多個子 Agent 並行（改前端、改 API、寫測試），主 Agent 統籌合併。 | 改動面大、模組獨立，想縮短總耗時時 |
/test-driven-development |
另一套 TDD 流程，和 mattpocock 的 /tdd 思路相近，二選一或混用即可。 |
希望從寫測試開始驅動實作時 |
/systematic-debugging |
收集證據 → 排除假設 → 定位根因，避免「改一行試試、再改一行試試」。 | 複雜 bug、線上問題、跨服務呼叫失敗 |
/verification-before-completion |
Claude 想說「做完了」之前，必須先跑測試、過檢查清單。專治 AI 過早宣布勝利。 | 不放心讓 AI 自行收尾的任何任務 |
/requesting-code-review |
產生給同事的 Review 請求：改了什麼、為什麼改、重點看哪裡。 | 提 PR 前，或想讓 AI 自檢後再交給人看時 |
若團隊已有成熟的 Spec 文件流程，不必整包安裝——單獨摘 /verification-before-completion 就很有用。
六、第 3 層：前端與設計（Anthropic + Vercel）
很多人吐槽 AI 寫的頁面「能跑但醜、不像產品」。這一層技能專門約束視覺、互動和框架用法，讓輸出更接近可上線水準。
6.1 Anthropic 官方技能
| 技能 | 它是幹什麼的 | 什麼時候裝 |
|---|---|---|
frontend-design |
依專業 UI 規範產生頁面：配色、間距、字體層級、元件狀態，減少「程式設計師審美」的粗糙介面。 | 做 Web 前端、落地頁、後台，對顏值有要求時 |
webapp-testing |
指導 Claude 真的點開頁面測：點按鈕、填表單、看報錯，而不是「我覺得應該沒問題」。 | 改完 UI，想自動走一遍冒煙測試時 |
pdf / docx / pptx / xlsx |
讀寫 Office 和 PDF：產生報告、改合約、匯出表格，依各格式規範操作。 | 專案裡經常要處理文件、報表、簡報時 |
一鍵安裝：複製下方命令到終端機（Anthropic 官方技能包）。
npx skills add anthropics/skills@frontend-design -g -y -a claude-code
npx skills add anthropics/skills@webapp-testing -g -y -a claude-code
npx skills add anthropics/skills@pdf -g -y -a claude-code6.2 Vercel 系：React / Next.js 怎麼寫才對
| 技能 | 它是幹什麼的 | 什麼時候裝 |
|---|---|---|
vercel-react-best-practices |
依 Vercel 團隊總結的 React 最佳實踐寫碼：元件拆分、狀態管理、效能、App Router 等。 | React / Next.js 專案，希望 AI 別寫出過時寫法時 |
web-design-guidelines |
對照 Web 設計規範檢查：無障礙、響應式、對比度、互動回饋是否達標。 | 上線前 UI 自檢，或設計還原驗收時 |
vercel-react-native-skills |
React Native / Expo 的寫法約束和常見坑規避。 | 做跨端 App、Expo 技術棧時 |
deploy-to-vercel |
依步驟部署到 Vercel：環境變數、建置命令、網域設定。 | 專案託管在 Vercel，想讓 AI 幫忙走部署時 |
一鍵安裝：複製下方命令到終端機（Vercel 工程最佳實踐包）。
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y -a claude-code
npx skills add vercel-labs/agent-skills@web-design-guidelines -g -y -a claude-code6.3 瀏覽器自動化 —— 讓 AI 真的「點開網頁」測
agent-browser 和 playwright-cli 讓 Claude 操控真實瀏覽器：開啟頁面、點擊、截圖、抓主控台錯誤。適合 E2E 測試和「改完 UI 幫我點一遍」。
一鍵安裝：複製下方命令到終端機（瀏覽器自動化 / E2E 測試）。
npx skills add vercel-labs/agent-browser -g -y -a claude-code
npx skills add microsoft/playwright-cli -g -y -a claude-code用 shadcn/ui 元件庫時可加裝：npx skills add shadcn/ui@shadcn -g -y -a claude-code（複製命令到終端機執行）。
七、第 4 層：依技術棧選配
這一層不是人人都需要——用到什麼棧再裝什麼，避免 Slash 列表塞滿用不上的技能。
| 你的場景 | 技能 | 它是幹什麼的 |
|---|---|---|
| 用 Supabase / Postgres 做後端 | supabase-postgres-best-practices |
依 Supabase 推薦寫 SQL、RLS 策略、索引和遷移，減少安全和效能坑 |
| Firebase 全端 | firebase-basics 等 |
Auth、Hosting、Firestore 等 Firebase 服務的標準接入方式 |
| Convex 即時後端 | convex-quickstart |
Convex 的 schema、mutation、query 寫法和部署 |
| 自建使用者登入系統 | better-auth-best-practices |
better-auth 的 Session、OAuth 接入最佳實踐 |
| 爬網頁 / 抓資料 | firecrawl |
用 Firecrawl 抓取、解析網頁，適合資料採集和 RAG 知識庫 |
| 線上錯誤追蹤 | sentry-cli |
設定 Sentry、查報錯、關聯 release，幫 AI 理解監控體系 |
| 寫行銷頁 / 做 SEO | seo-audit |
檢查標題、meta、頁面結構是否符合 SEO 基本要求 |
範例安裝：複製下方命令到終端機（依你的技術棧選用）。
npx skills add supabase/agent-skills@supabase-postgres-best-practices -g -y -a claude-code
npx skills add firecrawl/cli@firecrawl -g -y -a claude-code做 iOS 原生開發時，Claude Code 不替代 Xcode；系統側 Agent 變化可參考《Xcode 27 Agent 與 iOS 開發變天》，建置仍建議在 macOS 上跑 xcodebuild。
八、三套推薦組合（複製整段執行）
若不想逐個挑，依你的角色選一套。每套附一句為什麼這樣配。
8.1 個人開發者 · 最小必裝
適合誰：獨立開發、小專案、剛開始用 Claude Code。
組合邏輯：能搜更多技能 + 寫碼前先對齊 + 先測試後實作 + 頁面別太醜。
複製整段到終端機：以下命令可一次性貼上執行（與 skills.sh 單條安裝命令格式相同）。
npx skills add vercel-labs/skills@find-skills -g -y -a claude-code
npx skills add mattpocock/skills@grill-me -g -y -a claude-code
npx skills add mattpocock/skills@tdd -g -y -a claude-code
npx skills add mattpocock/skills@setup-matt-pocock-skills -g -y -a claude-code
npx skills add anthropics/skills@frontend-design -g -y -a claude-code8.2 全端工程師 · 標準套裝
適合誰：日常寫 React/Next.js，任務中等複雜度。
組合邏輯：mattpocock 全套日常紀律 + superpowers 防過早完工 + Vercel 前端規範 + 瀏覽器測試。
複製整段到終端機：以下命令可一次性貼上執行。
npx skills add vercel-labs/skills@find-skills -g -y -a claude-code
npx skills add mattpocock/skills -g -y -a claude-code
npx skills add obra/superpowers@brainstorming -g -y -a claude-code
npx skills add obra/superpowers@verification-before-completion -g -y -a claude-code
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y -a claude-code
npx skills add vercel-labs/agent-skills@web-design-guidelines -g -y -a claude-code
npx skills add anthropics/skills@webapp-testing -g -y -a claude-code8.3 技術負責人 · 紀律 + 編排 + 安全
適合誰：帶團隊、要統一 AI 協作規範、擔心 Git 事故。
組合邏輯：工程紀律整包 + 大任務編排整包 + Git 護欄 + 能自己寫團隊 Skill。
複製整段到終端機：以下命令可一次性貼上執行。
npx skills add mattpocock/skills -g -y -a claude-code
npx skills add obra/superpowers -g -y -a claude-code
npx skills add mattpocock/skills@git-guardrails-claude-code -g -y -a claude-code
npx skills add anthropics/skills@skill-creator -g -y -a claude-code
npx skills add mattpocock/skills@write-a-skill -g -y -a claude-code團隊若同時用 Cursor：把命令裡的 -a claude-code 改成 -a claude-code,cursor，一次貼上即可寫入兩個工具。
九、裝完怎麼驗證
- 看目錄：全域 Skill 應在
~/.claude/skills/下出現對應資料夾，內含SKILL.md。 - Slash 補全：新開 Claude Code 工作階段，輸入
/應能看到已裝技能名（如grill-me、tdd）。 - 跑一條真實鏈路：在小功能分支執行
/grill-me，確認會追問而非直接改程式碼。 - mattpocock 包：執行
/setup-matt-pocock-skills並檢查是否產生團隊約定的 CONTEXT 路徑。 - 供應鏈：只裝 GitHub 上可追溯來源的 Skill；陌生倉庫先看 Star、提交歷史與
SKILL.md是否要求執行不明腳本。
若你把 Claude Code 接到本地 Ollama 省 API，Skills 同樣適用——流程約束與模型無關。設定步驟見《Claude Code + Ollama 本地 Agent 工作流》。
十、反例：何時不必全套安裝
- 50 行以內的熱修復：直接寫清驗收條件，不必走
/grill-me完整流程。 - 已有 Spec-Kit / 內部流程且運轉良好：只摘
/tdd、/diagnose等單 Skill，避免流程疊床架屋。 - 無人維護 CONTEXT.md：先指定文件負責人再啟用
/grill-with-docs。 - 一次裝 50+ Skill 從不使用：污染 Slash 列表，增加 Claude 誤選錯誤流程的機率。
- 核心訴求是 IM 機器人 / Cron：應優先 OpenClaw 類閘道 Skill，而非 mattpocock 工程包。
排行榜安裝量代表「很多人試過」，不代表「你的倉庫今天就需要」。每季用 find-skills 或 skills.sh 掃一遍新技能即可，不必追全榜。
常見問題 FAQ
Claude Code Skills 和 Cursor Rules 有什麼差別？
Rules 是「家規」，每次對話都帶著；Skills 是「辦事流程」，你需要時才用 /命令 叫出來。打個比方：Rule 規定「程式碼必須寫測試」；Skill /tdd 則一步步帶你先寫失敗測試、再寫實作。
安裝 Skill 後需要重新啟動 Claude Code 嗎？
透過 npx skills add 安裝後通常立即生效；若手動複製資料夾到 ~/.claude/skills/，建議退出並重新開啟 Claude Code 工作階段。
-g 和不用 -g 有什麼差別？
-g 表示全域安裝到 ~/.claude/skills/（所有專案可用）；不加 -g 則安裝到目前目錄的 .claude/skills/，適合團隊透過 Git 共享。
最值得先裝的三個 Skill 是什麼？
多數開發者可先裝 find-skills、grill-me（或 grill-with-docs）、tdd；做大需求再加 superpowers 的 brainstorming 與 verification-before-completion。
Skills 能在 Cursor 裡用嗎？
可以。安裝時加 -a cursor 或 -a claude-code,cursor，同一條 npx 命令即可寫入 Cursor 與 Claude Code。
裝太多 Skills 會不會拖慢 Claude Code？
Skill 中繼資料會進入發現列表，但完整指令只在觸發時載入。建議按層分批安裝，每批跑一輪真實任務驗證，避免一次裝幾十個從未用過的技能。
總結
2026 年的 Claude Code 生態裡，Skills 是把「會寫程式碼」變成「依工程紀律寫程式碼」的最低成本槓桿。skills.sh 讓安裝變成複製一行 npx skills add；本文依元技能 → 工程紀律 → 子代理編排 → 前端品質 → 棧專用技能五層整理，並給出三套可直接貼上的組合腳本。
- 人人必裝：
find-skills+ mattpocock 的grill-me/tdd+setup-matt-pocock-skills。 - 大需求加裝：obra/superpowers 的
brainstorming、subagent-driven-development、verification-before-completion。 - 做 UI 加裝：
anthropics/skills@frontend-design+ Vercel React 最佳實踐包。 - 定期維護：用
find-skills或 skills.sh 排行榜更新，勿一次性堆砌未使用的技能。
Skills 規範的是協作方式；若你還需要穩定 macOS 環境跑 iOS 建置或 24×7 Agent，可到Macstripe 首頁了解獨享 M4 Mac Mini 節點。更多 AI 程式設計實踐見開發者部落格索引。
