mattpocock/skills 完整教學 2026：Claude Code 工程師必裝的 15 個 Agent Skills（含使用範例）

🔥

2026 年 4 月 27 日，mattpocock/skills 登上 GitHub 今日熱榜 #1，單日新增 2,519 顆 ★，總計超過 23,600 顆。這個 repo 的作者是 TypeScript 之父 Matt Pocock——Total TypeScript 課程創辦人、Zod 開源貢獻者——他把多年工程師直覺濃縮成 15+ 個 Claude Code Agent Skills，讓你的 AI 副駕駛瞬間升格為 Senior Dev。而這份繁中教學，是目前全中文世界第一篇。

23.6K

GitHub ★ 總計

2,519

今日新增 ★

15+

Agent Skills 數量

GitHub 今日熱榜

1. 什麼是 Agent Skills？為什麼工程師都在瘋？

如果你已經在用 Claude Code，你可能已經知道它可以理解你的 codebase、寫函式、修 bug。但大多數人都停在這個層次——他們不知道有一套方法可以讓 Claude Code 執行結構化的工程師工作流程。

Agent Skills（也叫 Claude Code Skills 或 Claude Code Routines）是一種 Markdown 格式的指令文件，放在你的 repo 或全域目錄裡，讓 Claude Code 在收到特定指令（slash command）時按照預定流程運作。你可以把它想成「Claude Code 的 SOP 手冊」。

例如，輸入 /grill-me，Claude Code 就會扮演嚴苛的 code reviewer，從安全性、效能、可維護性三個維度審問你的程式；輸入 /tdd，它會先寫測試再實作，完全符合 TDD 流程。

💡

類比：把 Agent Skills 想成 TypeScript 的 tsconfig.json——一份設定讓你的整個工具鏈行為改變。mattpocock/skills 就是 Matt Pocock 精心調校的「AI 行為 tsconfig」。

2. Matt Pocock 是誰？為什麼這個 repo 值得信賴

Matt Pocock 在 TypeScript 社群的地位相當於「國師」等級：

🎓 Total TypeScript 課程創辦人，學員數萬人，業界口碑極高
🔧 Zod（TypeScript-first schema validation）主要貢獻者
📦 ts-reset、ts-expect 等常用工具庫作者
🐦 Twitter/X 粉絲超過 18 萬，TypeScript 生態意見領袖
⭐ 多個 GitHub repos 超過萬顆星

他在 AI coding 浪潮中不是追風者——他在實際解決工程師痛點。mattpocock/skills 是他真實在用的工作流程，不是行銷材料。這也是為什麼這個 repo 一釋出就爆炸性成長。

3. 安裝教學：5 分鐘讓你的 Claude Code 升級

mattpocock/skills 有兩種安裝方式：全域安裝（所有 project 都可用）和專案安裝（只對特定 repo 生效）。

方法 A：全域安裝（推薦）

Claude Code 的全域 Skills 放在 ~/.claude/skills/ 目錄。

確認 Claude Code 已安裝

# 確認版本（需要 Claude Code >= 1.2.0）
claude --version

# 如果還沒安裝
npm install -g @anthropic-ai/claude-code

建立全域 Skills 目錄

mkdir -p ~/.claude/skills

Clone mattpocock/skills repo

git clone https://github.com/mattpocock/skills.git /tmp/mattpocock-skills

複製所有 Skills 到全域目錄

cp -r /tmp/mattpocock-skills/skills/* ~/.claude/skills/

# 確認複製成功
ls ~/.claude/skills/

你應該看到類似 grill-me.md、tdd.md、to-prd.md 等文件。

重啟 Claude Code 並測試

# 重啟 claude code session
# 然後輸入
/grill-me

# Claude Code 應該開始進入嚴格 code review 模式

方法 B：專案安裝（Team 共用）

把 Skills 放在 repo 根目錄的 .claude/skills/，讓整個 team 共用同一套 Agent Skills，搭配 git 版控管理。

cd your-project
mkdir -p .claude/skills
cp -r /tmp/mattpocock-skills/skills/* .claude/skills/
git add .claude/skills
git commit -m "chore: add mattpocock agent skills"

⚠️

注意：如果你在 VPS 或遠端環境開發，建議用方法 B 搭配 git，這樣 CI/CD 也能拿到 Skills。需要一台穩定的雲端開發機？DigitalOcean Droplet 是很多工程師的選擇。

🖥️ Claude Code 遠端開發環境推薦

本機跑 Claude Code 常遇到記憶體不足？在 DigitalOcean 開一台 4GB Droplet，穩穩跑 Claude Code + 多個 Agent Skills 並行，新用戶享 $200 免費額度（60 天）。

🚀 領取 $200 免費額度查看 Droplet 方案

4. 15 個 Agent Skills 完整介紹＋使用範例

以下是 mattpocock/skills 目前收錄的所有 Skills，包含每個 Skill 的核心用途、適合時機與實際指令範例。依照工作流程分類：

🔍 Code Review 類

/grill-me

嚴格 Code Review 模式

Claude Code 化身最挑剔的 Senior Dev，從安全性漏洞、效能瓶頸、可維護性、TypeScript 型別安全四個維度逐一審問你的程式碼。不留情面，但每個批評都附上改法。

⭐ 最多人用

/review-pr

PR Review 助手

把 Claude Code 帶入 PR review 工作流程，自動對 diff 產生結構化評語，包含 breaking change 標記、建議修改點、以及是否可直接 merge 的建議。

Team 協作

🧪 TDD / 測試類

/tdd

Test-Driven Development 模式

強制 Claude Code 先寫失敗的測試，再實作通過測試的程式。確保你的 codebase 有測試覆蓋，而不是事後補測試的「假 TDD」。

⭐ 品質必備

/write-tests

補寫測試套件

給它現有的函式或 class，自動補上完整的 unit test，包含邊界條件（edge cases）、錯誤處理（error paths），輸出可直接用於 Vitest / Jest 的格式。

測試補強

📋 需求 / 規劃類

/to-prd

對話轉 PRD

你說想法，它輸出完整的 Product Requirements Document（PRD）。包含：用戶故事、acceptance criteria、技術考量、edge cases。適合快速把腦中 idea 變成可執行的 spec。

⭐ PM 最愛

/plan-feature

功能規劃 Breakdown

把大功能拆解成可執行的小任務，輸出帶有優先序的任務清單和依賴關係圖。告別「我不知道從哪裡開始」的迷茫感。

Sprint 規劃

/estimate

工程估時助手

把任務描述或 PRD 丟給它，產生考慮到不確定因素的時間估算（樂觀 / 正常 / 保守三個版本）。幫你跟 PM 談判有憑有據。

時間管理

🏗️ 重構 / 架構類

/refactor

智能重構建議

分析指定程式碼的可讀性、耦合度、SOLID 原則，輸出優先序排列的重構建議，每條建議說明「重構前 vs 重構後」的差異和預期收益。

技術債清理

/extract-types

TypeScript 型別萃取

Matt Pocock 的招牌 Skill。從 any/unknown 混亂的 codebase 中萃取嚴謹的 TypeScript 型別，消滅隱性 any，讓型別系統發揮真正的保護作用。

⭐ TypeScript 精華

📚 文件 / 說明類

/document

自動補寫文件

為函式、class、模組補上 JSDoc / TSDoc 格式的文件說明，包含參數說明、回傳值、使用範例和潛在 edge cases。告別「這段誰寫的都不記得了」。

程式碼文件

/write-readme

README 生成器

分析整個 repo 結構，自動生成一份完整的 README.md，包含：Project 概述、安裝步驟、使用範例、API 說明、貢獻指南。適合 open source 準備開源前的一鍵生成。

開源必備

🐛 Debug / 問題排查類

/debug

系統化 Debug 協作

不只是「找 bug」——它會引導你描述問題的 reproduction steps、最近的程式碼改動、環境差異，然後提出有優先序的假設清單，每個假設附上驗證方法。

Debug 方法論

/explain-error

錯誤訊息解碼器

貼上 TypeScript 編譯錯誤、runtime stack trace 或任何看不懂的錯誤訊息，它用人話解釋「為什麼會發生」和「怎麼修」，附上最小可重現範例。

初學者友善

🔄 版本 / 發布類

/changelog

Changelog 自動生成

分析 git commit history，按照 Conventional Commits 格式輸出美觀的 CHANGELOG.md，自動分類為 Features / Bug Fixes / Breaking Changes / Internal。

Release 管理

/semver

語義版本建議

根據這次 PR 或 commit 的變更內容，建議應該用 major / minor / patch 版本號，並解釋原因（是否有 breaking changes、新功能或只是修 bug）。

版本控制

🎯 特殊 / 進階類

/rubber-duck

小黃鴨 Debug 夥伴

當你思緒卡住時，它扮演「小黃鴨」：安靜地聽你逐步說明程式邏輯，在對的時機問關鍵問題，讓你自己找到答案。來自 Rubber Duck Debugging 方法論的 AI 版本。

思維工具

/pair-program

結對程式設計模式

激活 Claude Code 的「配對駕駛員」模式——不直接給答案，而是問引導性問題，讓你主導，它補充。適合用來學習新技術或訓練自己的問題解決能力。

學習成長

5. 實際使用案例：台灣工程師怎麼用？

案例一：接手舊系統，先 /grill-me 找雷點

接手一個沒有文件的 Node.js 後端，有 API 安全漏洞但不知道在哪。用 /grill-me 讓 Claude Code 扮演安全 reviewer，幾分鐘就找出 3 個潛在的 SQL injection 風險點（雖然是 ORM 寫的，但有幾個地方有直接字串拼接）。

案例二：新功能開發，用 /to-prd 先想清楚

要做 LINE Bot 的預約功能，但腦中只有模糊 idea。先用 /to-prd 輸出 PRD，確認邊界條件（取消、改期、衝突時段怎麼處理）後，再開始寫程式，大幅減少後期改需求的回頭成本。

案例三：Open source 準備上架，/write-readme 一鍵補文件

自己的 n8n workflow 工具想開源分享，但懶得寫 README。用 /write-readme 分析 repo 後生成初稿，再手動微調 10 分鐘就完成，比從頭寫省了 80% 時間。

案例四：TypeScript 專案升級，/extract-types 清除 any 地獄

接手舊 React 專案，TypeScript 設定 strict: false，到處都是 any。用 /extract-types 逐模組清理，搭配 /grill-me 驗證，3 天把整個 codebase 升到 strict 模式。

6. mattpocock/skills vs 其他 Claude Code Skills 方案比較

方案	來源	Skills 數量	TypeScript 深度	維護頻率	適合對象
mattpocock/skills	Matt Pocock (TypeScript 之父)	15+	最高	活躍更新	TypeScript / JS 工程師
anthropic/claude-code-skills	Anthropic 官方	8	中等	穩定	一般用途
自己寫 CLAUDE.md	個人/Team	不定	看個人	手動維護	進階用戶
OpenClaw Skills 系統	OpenClaw	12	中等	活躍	Agent 平台用戶

💡

結論：mattpocock/skills 和 Anthropic 官方 Skills 不互斥，可以一起裝。把 mattpocock/skills 裝在全域，官方 Skills 裝在特定 project 層，相互補充。

📊 想系統學 AI 工程師技能？

DataCamp 有完整的 AI/ML 工程師學習路徑，從 Python 基礎到 LLM 應用開發、Agent 架構全覆蓋。超過 400 門課程，台灣工程師升薪必備。

🎓 開始免費試用 DataCamp

7. 進階技巧：客製化你的 Agent Skills

技巧一：在 Skills 中加入 Project Context

mattpocock/skills 的所有 Skill 文件都是標準 Markdown，你可以直接編輯，加入你的 project 特定規範。例如在 grill-me.md 中加一行：

## Project-specific rules (add these)
- 所有 API handler 必須使用 Zod schema validation
- 絕對不允許直接操作 DB，必須透過 repository pattern
- 錯誤訊息必須是繁中（UI 顯示用）或英文（log 用）

技巧二：建立自己的 Custom Skills

參考 mattpocock/skills 的格式，自己寫 Skill。一個最小的 Skill 只需要：

---
name: my-custom-skill
description: 描述這個 Skill 做什麼
---

# {skill-name}

當用戶輸入 /my-skill 時，你必須：

1. 第一步驟
2. 第二步驟
3. 輸出格式說明

## 輸出格式
[描述輸出格式]

技巧三：Skills + CLAUDE.md 雙層強化

把 Project-level 的 context（Tech stack、Coding conventions、Business rules）放在 CLAUDE.md，把可重複使用的工作流程放在 Skills。兩者互補，不要重複。

技巧四：Team 共用 Skills 的版控策略

# .claude/skills/ 放進 git
# 但 ~/.claude/skills/ 是個人偏好，放進 .gitignore 範本

# 建議的 .gitignore
.claude/personal-skills/
.claude/local-overrides/

8. 常見問題 FAQ

Q：免費版 Claude Code 可以用 Skills 嗎？

可以。Agent Skills 是本地 Markdown 文件，不是付費功能。但 /grill-me 等需要大量 context window 的 Skills 在 Sonnet 3.5 以上效果最好。Haiku 可以用，但 review 深度略遜。

Q：Skills 和 MCP（Model Context Protocol）的差別？

MCP 是讓 AI 連接外部工具（databases、APIs）；Skills 是定義 AI 的行為模式和工作流程。兩者可以同時用——Skills 定義「怎麼做」，MCP 定義「能連接什麼」。

Q：在 Windows 上可以用嗎？

Claude Code 本身支援 Windows（WSL2），Skills 也可以用。但 ~/.claude/skills/ 路徑在 Windows 要改成 %USERPROFILE%\.claude\skills\。

Q：Skills 會消耗更多 token 嗎？

每次啟動 Claude Code 時，Skills 文件會作為系統 context 載入，確實會消耗一些 token。但 mattpocock/skills 的每個文件都相當精簡（通常 500 字以下），對整體 token 消耗影響不大。

Q：可以把 Skills 分享給整個公司嗎？

可以，推薦做法是建立一個內部私有 GitHub repo（如 your-company/claude-skills），用 git submodule 或定期同步到各個 project 的 .claude/skills/。

🤖 讓你的 Claude Code 更強大

如果你喜歡 mattpocock/skills 這種「結構化 AI 工作流程」的概念，你也會喜歡我們整理的 Claude Code Cron 自動化指南——讓 AI 幫你自動執行定期任務，從 SEO 寫作到程式碼維護全自動化。

📚 查看自動化指南（Gumroad）

9. 使用 Skills 的安全性注意事項

Agent Skills 本質上是給 AI 的「超級指令」，使用時需要注意幾點：

🔐 不要在 Skills 中寫入 API Keys 或密碼——Skills 文件可能被推上 git
👀 公司 repo 使用前確認 Skills 內容合規——避免洩漏商業邏輯到 Skills 文件
🌐 VPN 保護遠端開發——在咖啡廳等公共場所用 Claude Code，建議搭配 VPN
📊 定期 review Skills——隨著 project 演進，Skills 的規則也需要更新

🔒 遠端工作、咖啡廳 coding？VPN 不能少

在公共 WiFi 使用 Claude Code，API 請求走的是明文——小心！NordVPN 台灣有節點，速度快、零日誌政策，年方案平均每月不到 NT$130，工程師必備。

🛡️ 試用 NordVPN（30天退款保障）

10. 總結：值不值得裝？

答案幾乎是無腦「值得」：

✅ 免費、開源——沒有額外費用，MIT 授權
✅ 安裝 5 分鐘——git clone + cp 就完成
✅ 來自頂尖工程師的實戰 SOP——Matt Pocock 每天在用的工作流程
✅ 立即看到效果——第一次用 /grill-me 你就會驚訝 Claude Code 有多「敢說真話」
⚠️ 需要 Claude Code 環境——有 Anthropic API key 才能用

如果你每天花 4 小時用 Claude Code 寫程式，加上 mattpocock/skills 後，估計可以節省 30–40 分鐘在「讓 AI 理解你想要什麼」上——因為 Skills 已經把工作流程的最佳實踐內建進去了。

這份 repo 在 7 天視窗內有爆發性流量，現在裝是最好時機——而且一旦習慣了這些 Skills，你會很難回到「裸用 Claude Code」的方式。

🔗

👉 GitHub 連結：github.com/mattpocock/skills（目前 23,600+ ★，給它一顆星支持開源！）

🚀 從本機升級到雲端開發環境

Claude Code + mattpocock/skills 在本機跑容量不夠？DigitalOcean 4GB Droplet 每月只要 $24，新用戶 $200 免費額度（60天），夠你玩一整個季度。

☁️ 領取 $200 免費額度（DigitalOcean）

本文部分連結為聯盟行銷連結，點擊並購買後，本站可能獲得佣金，不影響您的購買價格。所有推薦均為作者真實評估結果。

mattpocock/skills 完整教學 2026Claude Code 工程師必裝的 15 個 Agent Skills