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

相关推荐
小葛要努力12 天前
安装nvm 管理node.js版本实现vue2和vue3项目共存
node.js·vue·nvm
这里是杨杨吖12 天前
SpringBoot+Vue高校在线考试系统 附带详细运行指导视频
vue·在线考试·springboot
wuxia211813 天前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
Sweet锦13 天前
Vue3 集成 ApexCharts 避坑指南:从动画失效到自定义指令的完美解决方案
vue·echarts
王小王-12314 天前
基于深度学习的个性化音乐推荐系统的设计与开发
人工智能·深度学习·mysql·vue·推荐算法·个性化音乐推荐系统·音乐预测
alexander06814 天前
使用vite脚手架,快速创建一个vue3的项目
vue
toooooop815 天前
UniApp Vue2 动态修改 SCSS 伪类颜色
vue
这是个栗子16 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
鹤鸣的日常16 天前
前端运行时动态环境变量方案
前端·react.js·docker·前端框架·vue·gitlab
来杯@Java17 天前
学生选课管理系统(基于springboot+vue前后端分离的项目)计算机毕业设计java
java·spring boot·spring·vue·毕业设计·maven·mybatis