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

相关推荐
向日的葵0063 小时前
vue路由(二)
前端·javascript·vue.js·vue
小妖6661 天前
Hydration completed but contains mismatches
javascript·vue·vuepress
lianyinghhh1 天前
FlowGame 从零上手:开源 AI 工作流编排框架与 Vue 3 接入实战
python·低代码·开源·vue·rag·flowgame·ai工作流编排
爱编程的小金1 天前
告别手写分页逻辑:usePagination 从 50 行到 3 行
javascript·vue·前端分页·alova·usepagination
ok406lhq2 天前
用 MonkeyCode 8 小时搭建自动化内容站:AI Coding 平台实战复盘
ci/cd·vue·ai编程·自动化部署·monkeycode
brycegao3212 天前
Tauri2+Vue3+Ollama 实战|依托 AI 协同开发全离线隐私记账桌面软件(开源)
人工智能·开源·vue·ai编程·tauri·ollama·桌面开发
向日的葵0062 天前
快速了解vue中的路由如何实现(路由一)
前端·vue.js·vue·路由
暗冰ཏོ2 天前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5
文阿花3 天前
大屏地图实现方案之-高德(二)
vue·地图·高德
森林的尽头是阳光3 天前
前端使用postman快速造数据
前端·javascript·vue·postman·造数·本地测试