我在开发 ShadcnVueAdmin 时发现了一个 Claude Code 超级插件

167,000+ Stars 的 Superpowers,让我用 Claude Code 开发项目再也不跑偏了。

前言

大家好,我是张大鹏。最近我在用 Claude Code 开发一个 Vue3 后台管理项目 ShadcnVueAdmin 时,遇到了一个很头疼的问题:

AI 写代码的速度确实快,但它经常"跑偏"。

比如我说"帮我加一个用户管理页面",Claude 立刻就开始写代码,噼里啪啦 200 行出来了。但一看------字段不对、操作不全、没有权限控制,完全不是我想要的。改来改去,反而比自己写还慢。

直到我发现了 Superpowers 这个插件,它彻底改变了 Claude Code 的工作方式。接下来我会从安装、实际使用效果、核心功能三个方面来分享我的体验。

Superpowers 到底是什么

简单说:它给 Claude Code 套上了一套完整的工程方法论。

以前 Claude 是"你说什么它写什么",现在变成了"先搞清楚你要什么,再规划怎么做,最后才动手写"。

核心理念就四条:

  1. 先问再写 ------ 不搞清楚需求不动手
  2. 测试驱动(TDD) ------ 先写测试,再写代码
  3. 子代理开发 ------ 主代理规划,子代理执行,可以自主工作几小时
  4. 系统化调试 ------ 4 阶段根因分析,不瞎猜

为什么 ShadcnVueAdmin 需要它

做后台管理系统的同学都知道,这类项目有几个特点:

  • 页面多:用户管理、角色管理、菜单管理、日志管理......每个都要增删改查
  • 逻辑复杂:权限控制、动态路由、表单校验,牵一发动全身
  • 质量要求高:后台系统出 bug,影响的是整个业务团队

拿 ShadcnVueAdmin 来说,光是用户管理这一个模块,就涉及字段设计、权限校验、表格分页、表单验证、国际化等多个环节。如果 AI 不先搞清楚需求就直接写,返工成本非常高。

Superpowers 的"先问再写"流程,正好解决了这个问题。

安装方式

在 Claude Code 中执行:

bash 复制代码
# 方式一:官方市场
/plugin install superpowers@claude-plugins-official

# 方式二:Superpowers 市场
/plugin marketplace add obra/superpowers-marketplace
/plugin install superpowers@superpowers-marketplace

安装后不需要任何配置,它会通过 CLAUDE.md 机制自动生效。

安装前后对比

以"开发用户管理页面"为例,看看安装前后的区别:

安装前

复制代码
我:帮我做一个用户管理页面
Claude:(立刻开始写代码,200 行)
Claude:完成了!
我:这不对啊......字段少了,权限也没考虑
Claude:(改)
我:还是不对......

改了三轮,花了 40 分钟,最后还是我自己重写的。

安装后

复制代码
我:帮我做一个用户管理页面
Claude:好的,在开始之前我想确认几个问题:
  1. 用户需要哪些字段?
  2. 需要哪些操作?增删改查?批量操作?
  3. 有没有权限控制的需求?
  4. 数据量大概多大?需要分页吗?
我:(回答)
Claude:我整理了一个设计方案,分三部分给你看......
我:可以
Claude:我来拆分实现计划,每个任务 2-5 分钟......

第一次就做对了,15 分钟搞定。

差别不是"多问了几个问题",而是一套工程流程在驱动 AI 的行为。

14 个技能模块

Superpowers 内置了 14 个技能,覆盖开发全流程:

分类 技能 说明
测试 test-driven-development 红/绿/重构循环
调试 systematic-debugging 4 阶段根因分析
verification-before-completion 完成前验证
协作 brainstorming 需求澄清
writing-plans 实现计划
executing-plans 分批执行
subagent-driven-development 子代理驱动开发
using-git-worktrees 并行开发分支
元技能 writing-skills 编写新技能

关键是这些技能自动触发,不需要你手动调用。装完就生效,不用记命令。

总结

在 ShadcnVueAdmin 的开发过程中,Superpowers 帮我解决了 AI 编程最大的痛点:方向跑偏

它的核心价值不是"让 AI 写更多代码",而是让 AI 写对代码。如果你也在用 Claude Code 做项目开发,强烈建议试试,特别是像后台管理系统这种页面多、逻辑复杂的项目。

你在使用 Claude Code 时遇到过 AI 跑偏的问题吗?欢迎在评论区分享你的经历。如果觉得这篇文章有帮助,点个赞支持一下。

相关推荐
万亿少女的梦16820 小时前
基于Spring Boot、Vue与MySQL的高校实习信息管理系统设计与实现
spring boot·mysql·vue·权限管理·restful api
小堂子这厢有礼了2 天前
Chet.QuartzNet.UI v2.3.0 大更新!表格重构 + 系统配置 + 分析页全面升级!
前端·后端·ui·重构·c#·vue
碎碎念_4923 天前
前后端分离项目开发规范
nginx·vue·springboot·restful
不能只会打代码3 天前
校享云 — 高校智慧后勤平台微服务架构设计与实践
spring cloud·docker·微服务·nacos·vue·校享云
是梦终空3 天前
计算机毕业设计279—基于SpringBoot+Vue3校园商户意见反馈系统(源代码+数据库+17000字论文+ppt)
数据库·spring boot·vue·毕业设计·课程设计·毕业论文·源代码
yyt3630458414 天前
KlineChartQuant Tooltip 高频交互 200FPS 性能优化完整复盘
前端·经验分享·性能优化·typescript·vue·交互·chrome devtools
这里是杨杨吖5 天前
SpringBoot+Vue心理健康咨询系统 附带详细运行指导视频
spring boot·vue·心理健康
爱上纯净的蓝天7 天前
使用 AtomCode 构建微前端架构:从设计到实现实战
架构·vue·实战·react·微前端·atomcode
山海云端有限公司9 天前
随机诗词API实战:Vue项目接入完整示例与5个常见坑
vue·实战·前端开发·跨域·api调用·随机诗词api