
Claude Code 插件:一个安装包,搞定五大功能!
一键安装,里面的组件各干各的,绝不打架:
自动能力 (Skills): 无需操心,自动生效。
专属小弟 (Subagents): 一个人只负责干一件具体的事。
外部连接器 (MCP): 帮你接通 Figma、Linear 和浏览器等外部工具。
快捷口令 (Commands): 输入 / 开头的命令(如 /deploy),一键执行。
节点开关 (Hooks): 自动在特定时间点(如编辑前、调用后)出来把关或通知。

01
Ralph Loop — 写代码
安装量:57,000+
Ralph Loop 解决一个核心问题:Claude 的上下文窗口会退化。
写一个 PRD 扔给它,逐条执行。
每完成一个任务就提交 git,然后重置上下文,继续下一个。
重置上下文反而更好。长对话里 Claude 容易绕圈子、重复犯错。
重置之后,每次都是清醒状态。
/plugin install ralph-loop@claude-plugins-official/ralph-loop:ralph-loop "Migrate v1 endpoints to v2"适合:大规模迁移、批量重构
代价:需要写清楚 PRD,token 消耗大
02
Context7 — 拉最新官方文档
安装量:71,800+
Claude 的训练数据有截止日期。
你问它 Next.js 15 的 Server Actions,它可能用 13 的写法回答。
Context7 在 Claude 回答之前,先拉最新官方文档注入上下文。
/plugin install context7@claude-plugins-official适合:快速迭代的框架(Next.js、React、Tailwind)
代价:每次查询都多烧 token,稳定的老库反而没必要开
03
Playwright MCP — 写测试
安装量:28,100+
你告诉 Claude「测试结账流程」,它打开真实 Chrome 自己跑。
真实 DOM 交互,能点按钮,能截图。
/plugin install playwright@claude-plugins-official适合:探索性测试、UI 回归测试
代价:不适合替代 CI 里的自动化测试,token 消耗偏重
04
Security Guidance — 安全护栏
安装量:25,500+
这个插件在 PreToolUse 阶段触发。
Claude 每次准备编辑文件之前,它先过一遍。
拦截命令注入、XSS、危险 eval、Shell 注入。
零配置,装上就生效。
/plugin install security-guidance@claude-plugins-official适合:所有项目。没有理由不装
代价:偶尔误报
05
Figma MCP — 设计稿变代码
安装量:18,100+
Claude 直接读取 Figma 里的真实 frame。
拿到布局元数据,然后生成代码。
不是截图识别,是读取结构化数据。
所以第一次生成的准确率很高。
/plugin install figma@claude-plugins-official适合:设计稿到前端的第一版
代价:复杂交互(hover、弹窗)需人工
06
Frontend Design — 提升AI审美
安装量:96,400+(最高)
AI 生成的 UI 有一种「AI 味」。
千篇一律的渐变,过度用的字体,毫无个性。
Frontend Design 不是教你写代码。
是教 Claude 提升审美判断。
/plugin install frontend-design@claude-plugins-official适合:所有需要 Claude 生成 UI 的场景
代价:风格偏大胆,需要给方向
07
标题Code Review — 四个 Agent 同时审 PR
安装量:50,000+
一个 PR 扔过去,4 个专精 Agent 并行扫描。
返回的评论带置信度。
高置信度是实打实的问题。中置信度是建议。
/plugin install code-review@claude-plugins-official/code-review适合:第一轮 PR 筛查,过滤低级问题
代价:大 PR 评论很长
08
Chrome DevTools MCP — 接入浏览器
安装量:20,000+
Claude 直接接入 Chrome DevTools 协议。
网络请求、控制台报错、性能数据、实时 DOM。
全都看得到。
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp/plugin install chrome-devtools-mcp@chrome-devtools-plugins适合:调试线上问题、排查登录态 Bug
代价:只支持 Chrome,启动时需要特定参数
09
怎么选?
第一层(必装):
/plugin install context7@claude-plugins-official/plugin install security-guidance@claude-plugins-official/plugin install code-review@claude-plugins-official第二层(按需加):
做前端:搭配Playwright、Figma与前端设计。
通宵跑任务:选用Ralph Loop。
调试线上问题:使用Chrome DevTools。
图片/素材来源于网络,其版权归原作者所有,侵删
一键关注 👇 点亮星标
夜雨聆风