Claude 插件介绍与推荐
这页放在培训课程的环境准备阶段。学员装好 Claude Code 之后，下一步不是立刻安装一堆插件，而是先理解插件能解决什么问题、哪些插件适合开发团队默认安装、哪些插件只在特定项目里启用。
说明：Anthropic 官方插件目录当前公开安装量、作者和 Anthropic Verified 标记，不公开用户评分。本页的“推荐星级”是课程推荐评分，综合通用性、官方目录安装量、是否官方验证、开发/项目管理实用价值排序。数据核对时间：2026-05-11。完整 howto 版本可见 Claude 插件介绍与推荐。
课堂讲解顺序
| 顺序 | 内容 | 讲解重点 |
|---|---|---|
| 1 | 插件是什么 | 插件可以打包 Skills、Agents、Hooks、MCP servers、LSP servers、命令和默认设置 |
| 2 | 为什么要用插件 | 把个人经验变成团队可复用能力，减少每个项目重复配置 |
| 3 | 先装哪些 | 先装方法论、文档、代码审查、浏览器验证和语言服务类插件 |
| 4 | 怎么治理 | 区分个人插件、团队插件、生产敏感系统插件，不要无控制地接入外部服务 |
推荐排序
| 排名 | 插件 | 推荐星级 | 官方安装量 | 课堂定位 |
|---|---|---|---|---|
| 1 | Superpowers | ★★★★★ | 579,903 | 让 Claude 按需求澄清、计划、TDD、调试、代码审查的工程流程工作 |
| 2 | Playwright | ★★★★★ | 205,533 | 让 Claude 打开页面、点击、截图、验证交互，适合演示“写完必须验” |
| 3 | Context7 | ★★★★★ | 299,640 | 拉取最新版本文档和代码示例，减少 API 幻觉 |
| 4 | Code Review | ★★★★★ | 289,458 | 用多代理审查 PR，适合团队质量门禁 |
| 5 | Frontend Design | ★★★★★ | 662,133 | 改善前端生成质量，适合页面和组件训练 |
| 6 | GitHub | ★★★★★ | 223,824 | 连接 issue、PR、代码搜索和 GitHub API 工作流 |
| 7 | Feature Dev | ★★★★★ | 192,210 | 把功能开发拆成探索、设计、实现和审查 |
| 8 | CLAUDE.md Management | ★★★★★ | 180,488 | 审计和维护 CLAUDE.md，沉淀项目上下文 |
| 9 | TypeScript LSP | ★★★★★ | 155,303 | 给 TypeScript/JavaScript 项目提供诊断和代码智能 |
| 10 | Security Guidance | ★★★★★ | 143,538 | 在编辑时提醒命令注入、XSS 等安全风险 |
| 11 | Commit Commands | ★★★★☆ | 127,192 | 规范 commit、push、PR 等 Git 交付动作 |
| 12 | Code Simplifier | ★★★★☆ | 239,644 | 保持行为不变的前提下简化最近修改的代码 |
| 13 | Figma | ★★★★☆ | 116,512 | 读取 Figma 设计、组件和 token，连接设计到代码 |
| 14 | Claude Code Setup | ★★★★☆ | 107,505 | 分析代码库并推荐 hooks、skills、MCP 和 subagents |
| 15 | Vercel | ★★★★☆ | 94,992 | 管理 Vercel 部署、构建日志、域名和前端基础设施 |
| 16 | PR Review Toolkit | ★★★★☆ | 84,731 | 围绕评论、测试、类型和质量做 PR 审查 |
| 17 | Pyright LSP | ★★★★☆ | 79,468 | 给 Python 项目提供类型检查和代码智能 |
| 18 | Serena | ★★★★☆ | 74,790 | 语义代码分析、重构、导航，适合大型代码库理解 |
| 19 | Supabase | ★★★★☆ | 68,602 | 管理 Supabase 数据库、认证、存储和实时能力 |
| 20 | Atlassian | ★★★★☆ | 63,676 | 连接 Jira 与 Confluence，打通需求、文档和迭代管理 |
课堂必讲的前两名
Superpowers
Superpowers 适合放在第一位讲，因为它解决的是“AI 怎么工作”的问题，而不只是“多一个工具”。它把需求澄清、计划、测试驱动、系统调试、代码审查和完成前验证写成可复用工作流，能明显降低 Claude 直接开写、写完不验、重构跑偏的问题。
课堂演示建议：
- 先让 Claude 直接实现一个小功能，观察它是否会主动问清楚需求。
- 再引入 Superpowers，让 Claude 先做澄清、计划和验证。
- 对比两次输出，让开发和项目经理都看到“流程化 AI 协作”的价值。
Playwright
Playwright 适合放在第二位讲，因为它能把 AI 编程从“代码看起来对”推进到“页面实际跑过”。Claude 可以通过浏览器自动化打开本地页面、检查文本、点击按钮、填表、截图和验证关键流程。
课堂演示建议：
- 启动一个本地前端页面。
- 让 Claude 修改页面或修复一个交互问题。
- 让 Claude 使用 Playwright 打开页面并验证结果。
- 强调前端、后台管理、登录、表单、支付和报表页面都必须做可视化或端到端验证。
培训推荐安装组合
| 团队阶段 | 推荐插件 | 原因 |
|---|---|---|
| 基础入门 | Superpowers、Context7、GitHub、Code Review | 先解决流程、资料、协作和审查 |
| 前端验证 | Playwright、Frontend Design、TypeScript LSP、Figma | 让页面设计、代码智能和浏览器验证闭环 |
| 后端和全栈 | Security Guidance、Pyright LSP、Serena、Supabase | 增强安全、类型检查、代码理解和数据服务操作 |
| 项目管理 | Atlassian、CLAUDE.md Management、PR Review Toolkit | 串联需求、文档、项目记忆和评审流程 |
安装方式
在 Claude Code 中可以通过 /plugin 管理插件。课堂里建议先演示官方插件目录的安装方式，再说明团队也可以维护自己的 marketplace。
text
/plugin团队插件市场常见命令：
text
/plugin marketplace add <owner>/<marketplace-repo>
/plugin install <plugin-name>@<marketplace-name>如果只演示一个插件，建议优先演示 Superpowers：
text
/plugin install superpowers@claude-plugins-official如果要演示浏览器验证，再安装 Playwright，并配合本地页面做一次真实点击和截图验证。
治理提醒
- 插件会扩大 Claude 的能力边界，安装前要确认来源可信。
- 涉及浏览器、GitHub、Figma、数据库、部署平台的插件，通常会接触项目资产或账号权限。
- 企业环境建议统一允许的 marketplace，必要时通过 managed settings 限制插件来源。
- 课程演示可以多装，真实团队落地要分层启用，不要把所有插件一次性装进每个项目。