Claude Code 推荐 Skills & Plugins 速查

# Claude Code 已安装 Skills & Plugins 速查

> 非飞书/Lark 相关，更新日期：2026-05-28

---

## Plugins（插件）

| Plugin | 用途 |

|--------|------|

| **context7** | 为 Claude Code 提供第三方库的最新文档上下文，避免使用过时的 API 信息 |

| **superpowers** | 一套增强 Claude Code 工作流的 skill 集合（brainstorming、TDD、debugging、code review、plan 写作等） |

| **chrome-devtools-mcp** | 通过 MCP 协议连接 Chrome DevTools，支持浏览器自动化、性能分析、内存调试、无障碍审计等 |

| **learning-output-style** | 控制输出风格/格式 |

---

## Skills

### superpowers 插件

| Skill | 用途 | 触发场景 |

|-------|------|----------|

| **brainstorming** | 实现功能前先做需求探索和设计讨论 | 任何创造性工作之前（创建功能、构建组件、添加功能、修改行为） |

| **writing-plans** | 编写多步骤任务的实现计划 | 有了规格或需求，准备动手前 |

| **executing-plans** | 按计划执行，带审查检查点 | 需要在独立 session 中执行已有计划 |

| **test-driven-development** | TDD 流程驱动开发 | 实现任何功能或修复 bug 前，先写测试 |

| **systematic-debugging** | 系统化调试 bug / 测试失败 | 遇到 bug、测试失败或异常行为时 |

| **dispatching-parallel-agents** | 多个独立任务并行分发 | 面对 2+ 个无依赖的独立任务时 |

| **subagent-driven-development** | 用子 agent 执行计划中的独立任务 | 在当前 session 中执行有独立任务的实现计划 |

| **requesting-code-review** | 完成任务后请求 code review | 完成任务、实现主要功能、合并前验证 |

| **receiving-code-review** | 收到 review 反馈后处理 | 收到 code review 反馈，特别是反馈不清晰或技术存疑时 |

| **verification-before-completion** | 完成前必须验证 | 声称工作完成、修复通过前，必须运行验证命令 |

| **finishing-a-development-branch** | 开发完成后合并/PR/清理的决策引导 | 实现完成、测试通过，需要决定如何集成时 |

| **writing-skills** | 创建和编辑 skill | 创建新 skill、编辑已有 skill、部署前验证 |

| **using-git-worktrees** | 用 git worktree 做隔离开发 | 需要与当前工作区隔离的功能开发 |

### chrome-devtools-mcp 插件

| Skill | 用途 | 触发场景 |

|-------|------|----------|

| **chrome-devtools** | 通过 DevTools MCP 进行浏览器调试和自动化 | 调试网页、自动化浏览器交互、分析性能、检查网络请求 |

| **chrome-devtools-cli** | 用 shell 脚本自动化浏览器任务 | 编写 shell 脚本或运行命令来在浏览器中自动化任务 |

| **troubleshooting** | 排查 DevTools MCP 连接和目标问题 | list_pages/new_page/navigate_page 失败，或服务器初始化失败 |

| **a11y-debugging** | 无障碍审计 | 测试语义 HTML、ARIA 标签、焦点状态、键盘导航、点击目标、颜色对比度 |

| **debug-optimize-lcp** | 调试和优化 LCP 性能 | 询问 LCP 性能、页面加载慢、Core Web Vitals 优化 |

| **memory-leak-debugging** | 诊断 JavaScript 内存泄漏 | 高内存使用、OOM 错误、分析 heapsnapshot |

### 开发工具 & 工作流

| Skill | 用途 | 触发场景 |

|-------|------|----------|

| **playwright** | Playwright 测试全流程（E2E、组件测试、视觉测试等） | 询问 Playwright、写 E2E 测试、自动化浏览器、跨浏览器测试 |

| **playwright-best-practices** | Playwright 最佳实践详细指南 | 写 Playwright 测试、修复不稳定测试、调试失败、实现 Page Object Model 等 |

| **vue-best-practices** | Vue.js 开发最佳实践（Composition API + script setup + TS） | 任何 Vue.js 任务、.vue 文件、Vue Router、Pinia、Vite + Vue |

| **frontend-design** | 创建高质量、有设计感的前端界面 | 构建网页组件/页面/应用，避免"AI 味"的通用美学 |

| **browser-automation** | 通过浏览器工具控制网页 | 多步骤流程、登录检查、标签页管理、恢复过期引用 |

| **find-skills** | 发现和安装新 skill | 询问"怎么做 X"、"有没有 skill 能做 X" |

| **skill-creator** | 创建、修改、优化 skill 并运行评估 | 创建新 skill、编辑优化已有 skill、运行评估、性能基准测试 |

| **claude-api** | 构建/调试 Claude API / Anthropic SDK 应用 | 代码导入 anthropic SDK、问 Claude API / Anthropic SDK / Managed Agents 相关问题 |

| **loop** | 设置定时循环执行任务 | "每 5 分钟检查部署"、"持续监控 PR" |

### Code Review & 质量

| Skill | 用途 | 触发场景 |

|-------|------|----------|

| **code-review** | 审查 PR 的代码质量（复用性、质量、效率） | 审查代码改动 |

| **review** | 审查 Pull Request | `/review` 命令 |

| **security-review** | 完成安全审查 | `/security-review` 命令 |

| **verify** | 运行应用验证代码改动是否生效 | 验证 PR、确认修复、手动测试、本地改动验证 |

### 配置 & 辅助

| Skill | 用途 | 触发场景 |

|-------|------|----------|

| **update-config** | 通过 settings.json 配置 Claude Code | 配置权限、hooks、环境变量、自动化行为 |

| **keybindings-help** | 自定义键盘快捷键 | 重新绑定按键、添加组合快捷键 |

| **fewer-permission-prompts** | 自动添加允许规则减少权限提示 | 扫描 transcript 中的常见只读操作 |

| **run** | 启动项目应用并观察改动效果 | 运行/启动应用、截图、确认改动 |

| **init** | 初始化 CLAUDE.md 文件 | `/init` 命令，为代码库生成文档 |