第 31 课：Skills 生态与 MCP 集成

第六章：Claude Code 工程化工作流 | 第 31 课

课前思考

想象两种工作方式：

方式 A：每次让 AI 帮你做代码审查，你都要打一长串：「帮我审查这段代码，检查命名规范、安全问题、性能问题、测试覆盖率...」

方式 B：输入 /review-pr，AI 自动按你团队的标准完成审查。

方式 B 就是 Skills 要解决的问题。如果你发现自己重复两次同样的指令，就应该创建一个 Skill。

---

一、Skills 是什么

Skills 是存储在文件系统中的「技能包」——本质是结构化的 Markdown 指令文件。

对比维度	每次都写提示词	使用 Skills
复用性	每次重复描述	写一次，反复用
Token 消耗	每次全量占用	三层加载，节省 80%+
团队共享	无法共享	Git 版本控制
触发方式	手动输入	自动匹配 + 手动命令

Skills 的三层智能加载

这是 Skills 最精妙的设计：

层级	内容	加载时机	Token 消耗
Layer 1	name + description	Claude 启动时	~50 tokens/skill
Layer 2	完整 SKILL.md 内容	Skill 被触发时	按需加载
Layer 3	脚本、模板、参考文档	通过文件系统访问	不占上下文

假设你有 100 个 Skills，启动时只消耗约 5,000 tokens——只有被触发的技能才加载完整内容。

---

二、快速上手

安装必备 Skills

# 1. 先装「应用商店搜索器」（60K+ 订阅，强烈推荐）
npx skills add vercel-labs/skills@find-skills -g -y

# 2. 装前端设计美化技能
npx skills add anthropics/skills/frontend-design -g

安装后，直接用自然语言描述需求，Claude 会通过 find-skills 自动搜索推荐合适的技能：

「我的网页看起来很土，而且加载慢，帮我找找有什么技能可以用」
→ Claude 搜索 skills.sh 数据库，推荐最匹配的技能

创建你的第一个自定义 Skill

场景：你想让 Claude 按团队标准审查代码。

~/.claude/skills/review-pr/
└── SKILL.md

---
name: review-pr
description: 审查 Pull Request。当用户提到 PR、review、代码审查时触发。
---

## 审查流程

1. **代码风格**：命名是否清晰、是否符合我们团队的 React 规范
2. **安全性**：SQL 注入、XSS、敏感信息是否暴露
3. **测试**：新功能是否有测试、是否覆盖边界情况
4. **性能**：N+1 查询、不必要的重渲染

## 输出格式

每个问题标注严重程度：
- 🔴 严重：必须修改才能合入
- 🟡 建议：建议优化
- 🟢 优化：不影响合入的改进

保存后，在 Claude Code 中直接输入 /review-pr 即可触发。

---

三、MCP 是什么

Skills 定义「怎么做」，MCP 提供「能用什么」。两者互补。

没有 MCP 的 Claude Code：

• 能读写本地文件
• 能运行命令
• 但无法访问 GitHub、数据库、外部 API

装了 MCP 之后：

• 查看/创建 GitHub Issues 和 PR
• 查询数据库
• 访问 Notion、Slack、Figma
• 浏览器自动化

配置项目级 MCP

在 .claude/mcp.json 中配置：

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"]
    }
  }
}

提交到 Git 后团队成员共享配置。

Skills vs MCP：对比速查

维度	Skills	MCP
本质	知识和流程	工具和接口
回答的问题	「怎么做代码审查」	「怎么访问 GitHub」
存储形式	Markdown 文件	独立运行的 Server
配置方式	创建 SKILL.md	JSON 配置文件

---

四、常用 Skills 资源

资源	说明
skills.sh	Vercel 出品，48,000+ 技能库
Anthropic 官方 Skills	官方维护的技能集合
find-skills	智能搜索工具，60K+ 订阅
superpowers	工程化开发流程技能集

---

课后练习

1. 安装 find-skills，练习用自然语言搜索需要的技能
2. 创建一个自定义 Skill——选一个你在项目中反复做过的事情
3. 思考：你的团队有哪些流程可以封装成 Skill？列出 3 个候选