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

相关推荐
南城以南溫暖如初14720 小时前
树洞交友系统架构设计与匿名聊天实战指南
java·spring boot·mysql·系统架构·vue·mybatis·交友
_xaboy2 天前
低代码可视化表单设计器 FcDesigner 远程请求教程:GET POST 变量鉴权
低代码·开源·vue·表单·fcdesigner
宠友信息5 天前
IM系统开发技术路线分析,即时通讯源码助力快速搭建聊天应用
java·spring boot·redis·websocket·mysql·uni-app·vue
南城以南溫暖如初1476 天前
从传统健身房到无人值守:24小时自助健身系统的技术实现路径
java·spring boot·mysql·架构·vue
新中地GIS开发老师6 天前
WebGIS开发学生作品 | 基于无人机影像的烟草检测智能体与数字化管理平台
vue·web·mapbox·webgis
南城以南溫暖如初1476 天前
外卖CPS实战指南:从技术选型到运营落地全流程解析
java·spring boot·mysql·架构·vue
aXin_ya7 天前
ElementUI (01):Vue2 项目引入 ElementUI使用
elementui·vue
常宇佳8 天前
vue3 @代指src路径设置
前端·typescript·vue
北城笑笑8 天前
Server 18 ,Nginx + Vite 前端部署排错实战:从 `/api/gpt/chat` 404 到 9012 后端服务的完整定位过程
linux·运维·前端·nginx·ubuntu·vue
小强库计算机毕业设计11 天前
SpringBoot+Vue3 学生宿舍管理系统实战
java·spring boot·后端·vue·学生宿舍管理系统