乐于分享
好东西不私藏
夜雨聆风 > > 办公文件 > Claude Code中常用插件和技能

Claude Code中常用插件和技能

当前时间： 2026-08-17 17:27:23 分类：办公文件 评论(0)
Claude Code中常用插件和技能

一、Plugin 是什么

Plugin 是一个打包机制，将以下 5 种扩展类型捆绑为一个可安装单元：

类型作用示例
SkillsClaude 自动激活的技能提到"测试"自动启动 Playwright
Subagents专注特定任务的 Agent安全审计 Agent、前端代码 Agent
MCP Servers连接外部服务的桥梁读取 Figma 设计文件、Linear 看板
Commands自定义快捷命令/code-review 一键触发审查
Hooks事件触发的自动化钩子文件编辑前自动扫描安全漏洞

二、安装方式

/plugin install plugin-name@marketplace-name

三、Context7

解决问题： 模型训练数据有截止点，新版本 API 变更 Claude 不知道。

原理： 通过 MCP Server 实时拉取库的最新文档注入上下文。

适用场景： 快速迭代的框架（Spring Boot、React、Tailwind CSS）、小众 SDK、刚发布的大版本。成熟库（如 Java 标准库）不需要开。

安装：

/plugin marketplace add anthropics/claude-plugins-official
/plugin install context7@claude-plugins-official

使用： 安装后正常对话即可，Claude 会自动查询对应文档。

四、Superpowers

解决问题： Claude 上来就写代码，写到一半方向不对推翻重来，反复消耗上下文。

工作流程：

  1. 1. brainstorming — 头脑风暴，确定方案
  2. 2. writing-plans — 输出结构化实施计划
  3. 3. test-driven-development — 先写测试再写实现
  4. 4. code-review — 写完后自动审查
  5. 5. verification — 提交前验证功能

安装：

/plugin install superpowers@claude-plugins-official

使用： 安装后无需配置，开发任务自动按流程走。也可手动触发：/superpowers:brainstorm、/superpowers:writing-plans。

五、Code Review

原理： 启动 4 个 Review Agent 并行工作，各负责一个维度：

  • • 代码质量和可读性
  • • 测试覆盖和边界情况
  • • 错误处理和异常管理
  • • 类型设计和接口规范

每个发现带置信度分数，超过 80 分才标记为高优先级，避免"狼来了"效应。

安装：

/plugin install code-review@claude-plugins-official

使用： PR 分支上运行 /code-review，自动分析当前分支所有变更。擅长抓机械性问题（缺少错误处理、类型不完整、测试缺失），业务逻辑审查仍需人工。

六、Security Guidance

原理： 通过 Hook 在每次文件编辑前做安全扫描，阻止有问题的编辑。

检测 9 种安全模式： 命令注入、XSS、eval 使用、不安全反序列化、硬编码密钥等。

特点： 每种警告一个 Session 只提醒一次，不反复打扰。

安装：

/plugin install security-guidance@claude-plugins-official

适用： 涉及用户输入、文件操作、外部 API 调用的场景。

七、Frontend Design

解决问题： AI 生成页面的同质化风格（Inter 字体、紫色渐变、圆角卡片）。

引导方向： 避免默认选择、更强排版对比、大胆配色、动态效果、非对称布局。

安装：

/plugin install frontend-design@claude-plugins-official

使用：用 frontend design skill，创建一个音乐播放器界面

注意： 描述越具体效果越好。企业后台等正式场景不适合"大胆配色"。

八、Playwright

原理： 接入 Playwright 浏览器控制，用自然语言描述测试流程。

安装：

/plugin install playwright@claude-plugins-official

使用：

测试一下登录流程：输入错误密码应该显示错误提示，输入正确密码应该跳转首页

Claude 启动真实 Chrome 浏览器执行操作，可实时观察。

擅长： 多步骤表单、异步加载、需要等待的 UI 状态变化。

注意： token 消耗较多，建议仅在关键流程测试场景使用。

九、Chrome DevTools MCP

原理： 让 Claude Code 接入 Chrome DevTools，直接查看网络请求、控制台错误、Core Web Vitals。

安装：

/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
/plugin install chrome-devtools-mcp@chrome-devtools-plugins

优点： 可复用 Chrome 已有登录 Session，调试需登录的页面很方便。

注意： Chrome 需以特定参数启动，可能与其他实例冲突。

十、Skill 到底是什么

一句话概括：Skill 就是一个可复用的指令包，把你的常用操作流程固化成一个文件，需要的时候一条命令触发。

打个比方，你每天都要做 Code Review，每次都得跟 Claude 说"帮我审查这段代码，注意安全漏洞、性能问题、命名规范"，说一次还好，说一百次就烦了。把它做成 Skill，以后只需要 /review 三个字符就行。

这里面有个容易混淆的点：Skill 和 Slash Commands 的关系，2026 年初，Anthropic 把原来分开的两个系统合并了。现在不管是 .claude/commands/ 里的旧文件，还是 .claude/skills/ 里的新格式，都会生成一个 /斜杠命令。区别在于 Skill 格式更强大：支持 Frontmatter 配置、支持附带脚本和模板、支持自动加载。

Skill 有三种存放位置：

  • • 个人级：~/.claude/skills/，所有项目通用，不进 Git
  • • 项目级：.claude/skills/，跟随项目提交，团队共享
  • • 插件级：通过插件市场安装，用 plugin-name:skill-name 调用

同名时优先级从高到低：个人级 > 项目级。插件有独立命名空间，不会冲突。

还有个关键设计：Skill 分两种触发方式。一种是你手动输入 /skill-name 触发，另一种是 Claude 根据 Skill 的 description 字段自动判断是否加载。比如你有个 api-conventions 的 Skill，当你讨论 API 设计时 Claude 会自动加载它的内容。对有副作用的操作（部署、发消息），可以设 disable-model-invocation: true 禁止自动触发。

十一、内置 Skill 详解

Claude Code 内置了几个 Skill，开箱即用，不需要任何配置。

Extend Claude with skills - Claude Code Docs

11.1 /simplify

这是日常使用频率最高的 Skill。它会审查你最近改动的文件，找出代码重复、质量问题、效率低下的地方，然后自动修复。

它会并行启动三个审查 Agent，分别从不同角度审查你的代码。等于你在终端里就获得了一个轻量级的 Code Review。

直接输入 /simplify 就行，也可以指定关注点：

  • • /simplify error handling 只看错误处理
  • • /simplify reduce duplication 只看重复代码
  • • /simplify memory efficiency 只看内存效率

最佳实践：每次让 Claude 生成了大量代码之后，顺手跑一次 /simplify。AI 生成的代码经常有微妙的冗余和优化空间，二次审查能显著提升质量。

11.2 /review

/review 和 /simplify 是一对互补的兄弟。/simplify 专注让代码更简洁，/review 则像是一个严格的 PR Reviewer，重点找 Bug、逻辑错误、边界情况、风格问题。

三种用法：

  • • /review 审查本地未提交的改动
  • • /review 123 审查指定编号的 PR
  • • /review ``https://github.com/org/repo/pull/123 审查指定 URL 的 PR

推荐工作流：改完代码先 /review 抓 Bug，修复后再 /simplify 清理代码。两个配合使用，覆盖正确性和整洁度。

11.3 /batch

当你需要对大量文件执行同一类操作时，/batch 会把工作拆解成 5-30 个独立单元，每个单元在独立的 Git Worktree 中并行执行。

  • • /batch 将所有测试文件从 Jest 迁移到 Vitest
  • • /batch 给 src/utils/ 下所有文件添加 TypeScript 类型
  • • /batch 更新所有 API 接口使用新的认证中间件

关键点：/batch 适合模式化的重复操作，不适合"重新设计认证系统"这种需要全局视角的复杂任务。换句话说，如果每个文件的改法都差不多，用 /batch；如果每个文件都需要不同的思考，别用。

11.4 /loop

/loop 可以按时间间隔反复执行一个提示词，适合监控场景：

  • • /loop 5m 检查开发服务器日志里有没有新错误
  • • /loop 10m 运行测试套件并报告失败用例
  • • /loop 1h 检查部署状态并汇总指标

长时间编码时，用它做后台监控很方便，不用频繁切换终端。

11.5 /debug

/debug 就是"Claude 诊断自己"的工具。它会读取会话的调试日志，帮你找出问题原因：

  • • /debug 自动分析最近的问题
  • • /debug 为什么上一次编辑失败了
  • • /debug 工具调用一直超时

使用频率不高，但遇到诡异问题时能救命。

                            加入星球一起学习