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 编程实践见开发者博客索引。
