Claude Code 最推荐的 10 个技能

, , , ,

Claude Code 最推荐的 10 个技能（2026 版）

作者： CaoZH
版本： 2026-05-31
适用平台： Claude Code CLI / Claude Desktop

前言

如果说 2025 年是 AI 编程助手的「觉醒之年」，那么 2026 年就是「技能爆发之年」。Claude Code 的技能（Skills）系统自 Anthropic 开放以来，生态呈爆炸式增长——仅 SkillsMP 平台就收录了超过 120 万个技能，GitHub 上的 awesome-claude-skills 仓库每天都有新面孔加入。

但数量多不等于质量好。本文筛选出 社区公认、经过生产验证 的 10 个 Claude Code 技能，覆盖从规划到测试、从安全到部署的全流程。无论你是刚接触 Claude Code 的新手，还是已经深度使用的老手，这份清单都能帮你提升 AI 编程效率。

如何安装技能？

在 Claude Code 终端中运行以下命令即可安装：

1
2
3
4
5
6
7
8
9
# 从 marketplace 安装
/plugin marketplace add <作者/仓库>
/plugin install <技能名称>

# 或直接添加技能源
/plugin add <作者/仓库>

# 查看已安装技能
/plugin list

1. 🦸 Superpowers（超能力）

作者： obra
安装量： 124K+ stars（GitHub）
仓库： obra/superpowers

如果只能推荐一个技能，一定是 Superpowers。这是目前最流行的 Claude Code 技能框架，内含 20+ 生产级子技能，把「先规划再写代码」的工作流固化成了一套系统。

核心子技能

子技能 作用
/superpowers:brainstorm 头脑风暴，输出结构化设计文档
/superpowers:write-plan 将设计文档拆解为可执行任务计划
/superpowers:execute-plan 使用子代理并行执行任务
TDD 强制 RED-GREEN-REFACTOR 流程
Debugging 系统化根因分析，3次失败触发架构审查
Code Review 自动代码审查与质量把关

为什么推荐？

Superpowers 最大的价值在于 行为约束。没有它时，Claude 可能会直接开写代码——跳过设计、跳过测试、直接跳到实现。有了 Superpowers，Claude 会先问清楚需求、写设计文档、拆任务、写测试、再实现。一个完整的脑暴→规划→执行流程下来，代码质量有质的飞跃。

1
2
3
# 安装
/plugin marketplace add obra/superpowers
/plugin install superpowers

2. 🧪 Test-Driven Development（测试驱动开发）

作者： Community（Anthropic 官方推荐）
安装量： 87K+

TDD 单独拿出来说，是因为它在社区中的认可度极高。这个技能强制 Claude 遵循严格的红-绿-重构流程：

  1. RED：先写一个会失败的测试
  2. GREEN：写出让测试通过的最简实现
  3. REFACTOR：在测试保护下重构代码

没有这个技能时，Claude 默认会「先写代码、后补测试」——甚至可能完全不写测试。TDD 技能从根本上改变了这个行为模式。

1
2
/plugin marketplace add anthropics/skills
/plugin install test-driven-development

3. 📋 Spec-Driven Development（规格驱动开发）

作者： Community
仓库： 含于 addyosmani/agent-skills

「写代码之前先写规格说明」——这是资深工程师的直觉，但 Claude 不会自动这样做。Spec-Driven Development 技能要求 Claude 在动手前先撰写一份完整的规格文档（SPEC.md），涵盖：

  • 功能描述：要做什么，不做什么
  • 技术方案：架构选型、数据流、组件树
  • 约束条件：性能、安全、兼容性要求
  • 验收标准：如何判断做完了

规格文档由用户审核通过后，才进入开发阶段。这听起来多了一步，但对于中大型功能来说，节省的重构时间远超写规格的时间。

1
2
/plugin marketplace add addyosmani/agent-skills
/plugin install spec-driven-development

4. 🔍 Systematic Debugging（系统化调试）

作者： Community
包含于： Superpowers 和 addyosmani/agent-skills

Claude 默认的调试行为是「猜错→改→再猜」的循环，效率极低。Systematic Debugging 技能将它改造成 4 阶段流程：

阶段 做什么
1. 理解 Bug 复现 → 缩小范围 → 确定触发条件
2. 根因分析 检查相关代码 → 分析数据流 → 提出假设
3. 验证假设 用最小测试验证根因
4. 修复 实现修复 → 确认修复 → 防止回归

关键特性：如果连续 3 次修复尝试都失败，技能会触发「架构审查」——Claude 会意识到问题可能不在这一层，而是需要重新审视整体架构设计。

1
2
3
# 此技能已包含在 superpowers 中
# 单独安装：
/plugin install debugging-and-error-recovery

5. 👁️ Code Review & Quality（代码审查与质量）

作者： Addy Osmani（Google Chrome 前工程师 / 现 Anthropic）
仓库： addyosmani/agent-skills

Addy Osmani 将 Google 级别的工程文化编码成了 19 个技能，其中代码审查技能最为亮眼。它采用 五维审查模型：

  1. 正确性：逻辑是否有漏洞？边界情况是否覆盖？
  2. 可维护性：是否遵循单一职责？命名是否清晰？圈复杂度是否合理？
  3. 安全性：是否存在 OWASP Top 10 漏洞？（SQL 注入、XSS、CSRF 等）
  4. 性能：是否有不必要的计算、内存泄漏、N+1 查询？
  5. 可测试性：是否有利于单元测试？依赖是否可注入？

每次代码审查后，Claude 会输出一个 Change Size 评估（约 ±100 行的小变更还是 500+ 行的大变更），并据此调整审查深度。

1
2
/plugin marketplace add addyosmani/agent-skills
/plugin install code-review-and-quality

6. 🛡️ Security Hardening（安全加固）

作者： Addy Osmani
仓库： addyosmani/agent-skills

安全是一个「平时觉得没必要，出事才后悔」的领域。Security Hardening 技能让 Claude 每次提交代码前自动检查：

  • OWASP Top 10 预防：注入攻击、身份验证缺陷、敏感数据泄露等
  • 密钥管理：检查代码中是否硬编码了 API Key、密码、Token
  • 依赖安全：扫描 package.json / requirements.txt 中的已知漏洞
  • 输入验证：用户输入是否经过消毒？
  • 权限模型：最小权限原则是否落实？

更棒的是，这个技能会生成一个 SECURITY.md 文件跟踪发现的问题和修复进度。

1
2
/plugin marketplace add addyosmani/agent-skills
/plugin install security-and-hardening

7. 🌐 Web App Testing（Web 应用测试）

作者： Anthropic（官方）
仓库： anthropics/skills

这是 Anthropic 官方发布的技能之一，让你可以在 Claude Code 内直接用 Playwright 浏览器测试本地 Web 应用。

能力

  • 启动本地开发服务器
  • 用 Playwright 打开浏览器导航到页面
  • 模拟用户交互（点击、输入、滚动、导航）
  • 截图并对比预期效果
  • 检查控制台错误、网络请求、DOM 状态

适用场景

  • 前端组件渲染是否正确？
  • 表单提交和验证是否工作？
  • 响应式布局在不同视口下是否正常？
  • 用户流程（注册→登录→使用功能）是否完整？
1
2
/plugin marketplace add anthropics/skills
/plugin install webapp-testing

8. 🔥 Firecrawl Build（网页抓取与搜索）

作者： Firecrawl Team
仓库： firecrawl/firecrawl-build

如果你想给 Claude 加上「上网能力」，Firecrawl 是最佳选择。这个技能让 Claude 可以：

  • 网页抓取：输入 URL，获取结构化 Markdown 内容
  • 网页搜索：基于关键词搜索并整理结果
  • 网站爬取：递归抓取整个网站的页面
  • 内容提取：从复杂页面中提取特定数据（表格、列表、文章等）

对于需要 Claude 帮你做竞品分析、文档整理、数据采集的场景，这个技能是神器。

1
2
/plugin marketplace add firecrawl/firecrawl-claude-plugin
/plugin install firecrawl-build

9. 🔗 Composio Connect（1000+ 应用集成）

作者： Composio
仓库： composiohq/composio

Composio 是 Claude Code 的「万能连接器」，支持接入 1000+ 外部应用和服务：

  • 开发工具：GitHub、GitLab、Jira、Linear、Notion
  • 通讯工具：Gmail、Slack、Discord、Telegram
  • 云服务：AWS、GCP、Azure、Cloudflare
  • 数据库：PostgreSQL、MySQL、MongoDB、Redis
  • AI 服务：OpenAI、Anthropic、HuggingFace

有了 Composio，Claude 不再只是一个「写代码的」——它可以读取你的 Jira 工单、查看 Slack 消息、管理 GitHub Issue、操作数据库，真正成为开发工作流的中心节点。

1
2
/plugin marketplace add composiohq/composio
/plugin install composio-connect

10. 🎨 Frontend Design（前端设计）

作者： Anthropic（官方）
仓库： anthropics/skills

如果你让 Claude 写前端，这个技能是必装的。没有它，Claude 可能用 2022 年的设计风格给你生成页面。有了它，Claude 会：

  • 参照 Linear、Stripe、Vercel、Notion 等现代设计系统的风格
  • 使用合理的间距、排版、色彩系统
  • 遵循 Figma 级的设计规范（8px 网格、可访问对比度、响应式断点）
  • 生成 深色模式 / 浅色模式 两套方案
  • 添加合理的动画和过渡效果（而不是生硬的闪现）

对于独立开发者和小团队来说，这个技能相当于请了一个前端设计师。

1
2
/plugin marketplace add anthropics/skills
/plugin install frontend-design

🏆 最终推荐组合

不是每个项目都需要装全部 10 个技能。根据项目类型推荐以下组合：

🚀 新项目起步

1
Superpowers + Frontend Design + TDD + Firecrawl

🛠️ 现有项目维护

1
Systematic Debugging + Code Review & Quality + Security Hardening + Web App Testing

🤖 AI Agent 开发

1
Composio Connect + Superpowers + Spec-Driven Development + Code Review & Quality

🎯 全栈开发

1
Superpowers + TDD + Frontend Design + Firecrawl + Web App Testing + Composio Connect

结语

Claude Code 的技能系统是 2026 年 AI 编程领域最重要的进化之一。它把「好的编程习惯」从抽象的原则变成了可执行的、自动触发的工作流。

上面这份清单是我综合了 Reddit、GitHub、多个技术博客和社区推荐后整理出来的。当然，最好的技能可能不是列在这里的任何一个——而是 你自己写的那个。当你发现 Claude 反复犯同一个错误、或者在某个场景下总是不够好，不妨花 15 分钟写一个自己的 SKILL.md，那才是最能提升你个人效率的技能。

如果你有发现其他好用的 Claude Code 技能，欢迎在评论区分享！

本文首发于 CaoZH 的笔记

CaoZHProgrammer

学习使我快乐。