用过Claude Code的小伙伴应该有所了解Claude Code经常会需求没理清就开始写代码报告任务完成时不做测试。今天给大家分享一款插件superpowers内置20款工作方法论从头脑风暴到代码审查从TDD到调试让你的AI编程工具真正会干活superpowers简介superpowers是目前最火的AI编程skill框架可以为AI编程工具提供系统化的工作方法论目前在Github上已有20w starsuperpowers中包括如下14个skill。还有一个中文社区版项目superpowers-zh除了包括上述skill外还包括6个中国特色的skill。安装这里以Claude Code为例介绍下superpowers-zh的安装。我们可以使用npm命令来安装这里使用项目级别的安装方式# 先进入你的项目目录不要在主目录~下运行cd/your/project# 安装中文版superpowersnpx superpowers-zh安装完成后会自动在项目目录下创建.claude目录并生成对应的skill文件如果你想卸载的话可以使用如下命令。npx superpowers-zhlatest--uninstall这或许是一个对你有用的开源项目mall项目是一套基于 SpringBoot3 Vue3 的电商系统Github标星60K后端支持多模块和微服务架构采用Docker和K8S部署。包括前台商城项目和后台管理系统能支持完整的订单流程涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能Boot项目https://github.com/macrozheng/mallCloud项目https://github.com/macrozheng/mall-swarm文档网站https://www.macrozheng.com项目演示使用这里以开发一个前后端分离的Markdown编辑器为例介绍下superpowers的使用。首先输入提示词我想开发一个Markdown编辑器Claude Code会调用brainstormingskill来帮助你理清需求这里有一个提供视觉伴侣的功能非常有意思会开启一个页面服务访问可以选择编辑器的布局选择好布局之后Claude Code会让你选择编辑器运行在什么平台上之后会问你偏好哪种前端解决方案之后是让你选择功能边界例如这个Markdown编辑器的主要用途是什么之后是数据存储的位置之后是让你选择你偏好的后端技术栈之后是让你选择你必须的Markdown编辑器功能需求明确之后Claude Code还会问你一些关键问题例如是否需要用户登陆注册功能之后还会让你选择技术方案这里Claude Code提供了三种技术方案根据你选的技术方案Claude Code还会通过视觉伴侣提供项目的整体架构图以及数据模型设计图还有前端页面布局图以及REST API设计还有项目结构与路由设计整体设计完成后Claude Code还会编写完整的设计文档之后会调用writing-plansskill来创建实现计划具体实现计划如下共拆分成了28个小任务非常详细实现计划编写完成后会让你选择是使用subagent-driven-developmentskill来进行功能开发还是使用executing-plansskill经过一段时间的编码之后Claude Code完成了整个实现计划如果你让Claude Code来运行前后端并且安装了chrome-devtools的MCP的话它还会帮你跑一遍页面测试最终开发完成的Markdown编辑器效果如下还是挺炫酷的注意点在整个开发过程中Claude Code使用了superpowers中的三个skilltest-driven-development并没有显式调用只是在开发计划里有部分TDD的使用还有就是为什么要通过subagent-driven-development开启subagent来开发功能主要是为了上下文隔离。总结今天给大家分享了Claude Codesuperpowers的使用superpowers确实功能非常强大一句话的需求经过brainstorming之后给我们把需求整理得清清楚楚。它的视觉伴侣功能很不错能直观描述系统的架构大家可以对比下不装superpowers的开发体验确实不一样了项目地址原版https://github.com/obra/superpowers中文版https://github.com/jnMetaCode/superpowers-zh