我在开发 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 跑偏的问题吗?欢迎在评论区分享你的经历。如果觉得这篇文章有帮助,点个赞支持一下。

相关推荐
无心使然云中漫步8 小时前
Openlayers调用ArcGis地图服务之三 —— 要素查询(/query)
前端·arcgis·vue·数据可视化
呱牛do it15 小时前
企业级门户网站设计与实现:基于SpringBoot + Vue3的全栈解决方案(Day 3)
java·vue
呱牛do it1 天前
企业级门户网站设计与实现:基于SpringBoot + Vue3的全栈解决方案(Day 4)
java·vue
无心使然云中漫步1 天前
Openlayers调用ArcGis地图服务之二 —— 动态地图(/export)
前端·arcgis·vue·数据可视化
神探小白牙1 天前
3D饼图,带背景图和自定义图例(threejs)
开发语言·前端·javascript·3d·vue
是吗乔治1 天前
vuetify实现excel表格粘贴效果
前端·vue.js·vue·excel
空中海2 天前
第五章:Pinia 状态管理
vue
Sheldon一蓑烟雨任平生2 天前
Vite 深度剖析(一)
vue·react·vite·环境变量·esbuild·vite.config.ts·依赖预构建
zhz52142 天前
一个简单、轻量级且安全的离线GIS 系统架构设计
安全·系统架构·vue·gis·fastapi