推荐 Skills 与插件安装记录
本文精选社区最值得安装的 Skills 套装和 Plugins，覆盖开发、设计、知识管理等场景，并说明 Skill 与 Plugin 两种扩展机制的区别。
# 一、Skill 与 Plugin 的区别
Claude Code 有两种扩展机制，很多新手容易混淆：
| 维度 | Skills | Plugins |
|---|---|---|
| 本质 | Markdown 指令文件，注入到对话上下文 | 可执行代码，通过 Hook 深度集成到 Claude Code 生命周期 |
| 安装方式 | npx skills add <owner/repo> | claude plugin install <name>@<marketplace> |
| 存放位置 | .agents/skills/ | 注册到 ~/.claude/settings.json |
| 能力范围 | 给 AI 提供领域知识和行为规范 | 可以执行脚本、读写文件、调用外部 API |
| 典型用途 | 代码规范、设计指南、文档模板 | 记忆系统、任务管理、状态栏定制 |
| 自动触发 | Claude 根据 description 匹配 | 通过 Hook（SessionStart、PostToolUse 等）自动执行 |
简单来说：Skill 教 AI "怎么做"，Plugin 帮 AI "记得住、管得清"。
# 二、推荐清单速查表
| 名称 | 类型 | 用途 | 安装命令 |
|---|---|---|---|
mcp-builder | Skill | MCP 服务器构建 | npx skills add anthropics/skills@mcp-builder -y |
vercel-react-best-practices | Skill | React 性能优化 | npx skills add vercel-labs/agent-skills -y |
obsidian-markdown | Skill | Obsidian 语法支持 | npx skills add kepano/obsidian-skills -y |
claude-mem | Plugin | 跨会话持久记忆 | claude plugin install claude-mem@thedotmack |
planning-with-files | Plugin | 长任务规划管理 | claude plugin install planning-with-files@planning-with-files |
# 三、必装 Skills 套装
# 3.1 mcp-builder — MCP 服务器构建
来源： anthropics/skills (opens new window) 官方仓库（46K+ 安装量）
MCP（Model Context Protocol）是 AI 连接外部工具和数据源的开放协议。mcp-builder 是 Anthropic 官方出品的 MCP 服务器构建指南，用四阶段流程确保实现质量。
核心流程：
研究 API → 实现 Server → 测试验证 → 评估优化
能力特点：
- 支持 Python（FastMCP）和 Node/TypeScript（MCP SDK）双语言
- 覆盖 MCP 协议全部特性：Resources、Tools、Prompts、Sampling
- 强制进行全面 API 覆盖，不遗漏目标服务的关键接口
- 每个 Tool 必须有清晰的 name、description 和参数注解
适用场景：
- 将公司内部 API 封装为 Claude 可调用的 MCP 工具
- 构建 Notion、Jira、GitLab 等第三方服务的 MCP 连接器
- 学习 MCP 协议的最佳实践
安装：
npx skills add anthropics/skills@mcp-builder -y
# 3.2 Vercel Agent Skills — React 开发全家桶
来源： vercel-labs/agent-skills (opens new window)（Vercel 官方维护）
这是 Vercel 为前端开发者打造的一套完整技能包，覆盖 React 性能优化、设计规范、部署流程。安装后 Claude 写出的前端代码质量立刻上一个台阶。
包含的 7 个 Skill：
| Skill | 核心能力 | 适用场景 |
|---|---|---|
vercel-react-best-practices | 40+ 条 React 性能优化规则 | 组件拆分、状态管理、useMemo/useCallback 使用 |
vercel-composition-patterns | React 组件组合模式 | Server/Client 组件边界、复合组件设计 |
vercel-react-native-skills | React Native 开发规范 | 移动端跨平台开发 |
vercel-react-view-transitions | View Transition API 动画 | 页面切换、列表动画 |
web-design-guidelines | 100+ UI/UX 设计规则 | 避免"AI 味"模板化设计，输出专业界面 |
deploy-to-vercel | Vercel 一键部署 | 直接部署项目到 Vercel 平台 |
vercel-cli-with-tokens | Vercel CLI 集成 | CI/CD 流程、命令行部署 |
使用效果对比：
安装前：
用户：帮我写一个 React 列表组件
AI： → 一个普通的列表组件，功能正确但缺少性能优化
安装后：
用户：帮我写一个 React 列表组件
AI： → 自动添加 useMemo 优化、虚拟滚动建议、无障碍属性、
Server Component 与 Client Component 边界划分
2
3
4
5
6
7
8
安装：
npx skills add vercel-labs/agent-skills -y
# 3.3 Obsidian Skills — 知识管理自动化
来源： kepano/obsidian-skills (opens new window)（Obsidian CEO Kepano 维护，24K+ 安装量）
Obsidian 是强大的本地 Markdown 知识库工具。这组 Skill 让 Claude Code 能够理解 Obsidian 生态的全部特性，直接操作 vault 中的笔记。
包含的 5 个 Skill：
| Skill | 核心能力 | 典型场景 |
|---|---|---|
obsidian-markdown | Obsidian 特有 Markdown 语法 | 内部链接、Callout 块、嵌入语法、YAML frontmatter |
obsidian-bases | Obsidian Bases 数据库操作 | 数据视图、过滤、排序、公式计算 |
obsidian-cli | Obsidian 命令行工具 | 批量操作笔记、自动化工作流 |
json-canvas | JSON Canvas 画布格式 | 白板可视化、思维导图 |
defuddle | 网页内容提取与清理 | 将网页转为干净的 Markdown 导入笔记 |
核心理念： Obsidian vault 本质就是一个 Markdown 文件目录——Claude Code 可以直接操作。这套 Skill 提供了 Obsidian 生态的"原生语法词典"，让 AI 写出的内容天然符合 Obsidian 规范。
实际应用：
用户：帮我整理 vault 中所有关于 Kubernetes 的笔记，生成一个索引页
Claude（应用 obsidian-markdown + obsidian-bases）：
1. 扫描 vault 中的 .md 文件
2. 提取所有 K8s 相关笔记
3. 创建带内部链接和 Dataview 查询的索引页
4. 自动添加 frontmatter 标签
2
3
4
5
6
7
安装：
npx skills add kepano/obsidian-skills -y
# 四、必装 Plugins
# 4.1 claude-mem — 跨会话持久记忆
来源： thedotmack/claude-mem (opens new window)（GitHub 20,000+ Stars，2026 年最热插件之一）
Claude Code 默认每次会话互相独立，上下文不会跨会话保留。claude-mem 解决了这个核心痛点——给 Claude Code 装上"长期记忆"。
工作原理：
会话开始(SessionStart)
→ 自动注入与当前话题相关的历史记忆
用户提问(UserPromptSubmit)
→ 将提问内容写入记忆库
AI 使用工具(PostToolUse)
→ 记录工具调用及其结果
AI 压缩上下文(Summary)
→ 将摘要存入记忆
会话结束(SessionEnd)
→ 保存完整会话摘要
2
3
4
5
6
7
8
9
10
核心特性：
- 5 个 Hook 全覆盖 — SessionStart → UserPromptSubmit → PostToolUse → Summary → SessionEnd，无死角捕获上下文
- 向量语义搜索 — 使用 ChromaDB，根据语义相似度召回相关历史，不是简单关键词匹配
- Token 节省 94% — 告别"每次把之前讨论过的东西重新喂给 AI"
- Web UI —
http://localhost:37777可视化浏览所有历史记忆 - Endless Mode — 突破单次会话工具调用限制，适合超长任务
典型效果：
# 安装 claude-mem 之前
用户：上次我们讨论的那个数据库优化方案，继续
AI： 不好意思，我没有之前的上下文...
# 安装 claude-mem 之后
用户：上次我们讨论的那个数据库优化方案，继续
AI： （自动加载上次会话记忆）上次我们决定使用连接池+读写分离，
已经在 config.xml 中配置了连接池，现在来实现读写分离路由...
2
3
4
5
6
7
8
安装：
# 添加市场仓库
claude plugin marketplace add thedotmack/claude-mem
# 安装插件
claude plugin install claude-mem@thedotmack
2
3
4
# 4.2 planning-with-files — 长任务防跑偏
来源： OthmanAdi/planning-with-files (opens new window)（GitHub 7,500+ Stars）
当你让 Claude Code 执行一个复杂任务时，它很容易在中间"跑偏"——忘记最初的目标，跳过关键步骤，或者不断重复无意义的操作。planning-with-files 用三个 Markdown 文件解决这个问题。
三文件体系：
项目根目录/
├── task_plan.md # 规划文件：阶段划分、任务列表、优先级
├── findings.md # 发现文件：调研结果、API 返回值、关键决策
└── progress.md # 进度日志：每一步做了什么、遇到的错误、解决方案
2
3
4
核心规则：
- 2-Action Rule — 每执行两次操作，必须将发现写入
findings.md - Structured Planning — 开始任务前先填充
task_plan.md - Error Logging — 遇到任何错误立即写入
progress.md
实际效果：
# 安装前：做一个"用户认证系统"
Claude: 开始写代码 → 写到一半忘了一开始的设计 → 不断重写
# 安装后：同一个任务
Claude: 1) 先写 task_plan.md 列出阶段
2) 每实现一个阶段，记录 findings.md
3) 出错立即写入 progress.md
4) 用户随时可以查看进度，调整方向
2
3
4
5
6
7
8
4 个 Hook 自动触发：
| Hook | 行为 |
|---|---|
| SessionStart | 检查是否存在三文件，恢复上下文 |
| PreToolUse | 2-Action Rule 触发写入 |
| PostToolUse | 记录工具执行结果 |
| Stop | 会话结束时更新进度 |
安装：
# 添加市场仓库
claude plugin marketplace add OthmanAdi/planning-with-files
# 安装插件
claude plugin install planning-with-files@planning-with-files
2
3
4
# 五、Skills 与 Plugins 协同工作流
将 Skills 和 Plugins 组合使用，形成完整开发工作流：
| 阶段 | 负责组件 | 作用 |
|---|---|---|
| 启动 | claude-mem | 加载相关历史记忆，注入上下文 |
| 规划 | planning-with-files | 生成 task_plan.md，划分阶段和优先级 |
| 执行 | Skills（vercel-react-* / mcp-builder 等） | 提供领域知识，按规范实现 |
| 审查 | code-review Skill | 质量检查、安全审查 |
| 记录 | planning-with-files + claude-mem | 写入 findings.md，保存会话摘要 |
场景示例：开发 React 数据看板
claude-mem加载之前相似项目的记忆planning-with-files生成task_plan.md和findings.mdweb-design-guidelines+vercel-react-best-practices指导 UI 实现code-review在每个阶段结束时检查代码质量findings.md记录全过程，下次类似任务直接复用
# 六、Skills 生态探索
除了本文推荐的核心技能，还可以通过以下方式发现更多：
# 搜索 Skills
npx skills find <关键词>
# 查看已安装
npx skills list
# 查看已安装 Plugins
claude plugin list
2
3
4
5
6
7
8
目前活跃的 Skills 市场平台 skills.sh (opens new window) 汇集了大量社区贡献的 Skills，涵盖 DevOps、数据科学、安全审计等各个领域，值得持续关注。
# 七、参考链接
# Skills
- Anthropic 官方 Skills 仓库 (opens new window) — 17 个官方 Skill
- Vercel Agent Skills (opens new window) — Vercel 官方 React 技能包
- Obsidian Skills (opens new window) — Obsidian 生态技能包
- skills.sh 技能市场 (opens new window) — 社区 Skills 搜索与安装平台
# Plugins
- claude-mem 插件 (opens new window) — 持久记忆系统
- planning-with-files 插件 (opens new window) — 任务管理插件