Claude Code插件斩获20万星标，AI编程必备工具

superpowers简介

superpowers 是当前最受关注的 AI 编程技能框架之一，它为各类 AI 编程工具提供了一套系统化的开发方法论。在 GitHub 上，该项目已获得超过 20 万颗星标，热度由此可见一斑。

superpowers 框架的核心包含 14 个 skill。值得注意的是，还有一个面向中文开发者的社区版项目 superpowers-zh，它在上述 14 个 skill 的基础上，额外增加了 6 个更贴合国内开发场景的 skill，对本土开发者而言非常实用。

安装

安装过程非常简单，只需使用 npm 命令即可。这里推荐采用项目级别的安装方式：

# 先进入你的项目目录，不要在主目录（~）下运行
cd /your/project
# 安装中文版 superpowers 框架
npx superpowers-zh

安装完成后，你会在项目目录下看到自动生成的 .claude 目录，里面存放着对应的 skill 文件。

如果需要卸载，命令同样简洁：

npx superpowers-zh@latest --uninstall

使用

接下来，通过一个具体案例来完整感受它的工作流程——开发一个 Markdown 编辑器。

首先，你只需输入需求：“我想开发一个 Markdown 编辑器”。Claude Code 会立刻调用 brainstorming 这个 skill，帮你把模糊的需求一步步梳理清楚。

这里有一个名为“提供视觉伴侣”的有趣功能。它会启动一个页面服务，让你可以在其中选择自己偏好的编辑器布局。

选好布局之后，Claude Code 会继续追问你计划让编辑器运行在什么平台上。

紧接着，它会询问你偏好哪种前端解决方案。

然后，它会和你确认功能边界，比如这个 Markdown 编辑器的主要使用场景。

接着，是数据存储的位置。

接着是后端技术栈的选择。

再接下来，是必须包含的 Markdown 编辑器功能。

需求明确后，Claude Code 还会抛出一些关键问题，例如是否需要用户登录注册功能。

之后，它会给出具体的技术方案选项。Claude Code 提供了三种方案供你决策。

根据你选定的方案，视觉伴侣会贴心地生成项目的整体架构图。

紧接着，它会展示数据模型的设计图。

然后是前端页面的布局图。

以及 REST API 的设计。

还有项目结构和路由的设计。

所有设计完成后，Claude Code 会编写一份完整的设计文档。

接着，它会调用 writing-plans 这个 skill 来创建实现计划。

这份计划非常详细，仅这个案例就被拆解成了 28 个小任务。

实现计划编写完成后，它会让你选择接下来是使用 subagent-driven-development skill 进行功能开发，还是使用 executing-plans skill。

经过一段时间的自动编码，Claude Code 会完成整个实现计划。

如果你让 Claude Code 同时运行前端和后端，并且安装了 chrome-devtools 的 MCP，它甚至会自动跑一遍页面测试。

最终开发完成的 Markdown 编辑器效果，看上去相当炫酷。

注意点

回顾整个开发过程，Claude Code 主要使用了 superpowers 中的三个核心 skill。值得一提的是，test-driven-development 并没有被显式调用，只是在开发计划中穿插了一些 TDD 的实践。

还有一个需要注意的点：为什么功能开发要通过 subagent-driven-development 来启动？核心目的就是为了实现上下文隔离。

总结

总的来说，superpowers 确实当得起“强大”二字。一句简单的需求，经过 brainstorming 之后，就能被梳理得清清楚楚。尤其是那个“视觉伴侣”功能，能够非常直观地呈现系统架构。不妨对比一下安装 superpowers 前后的开发体验，你会发现确实大不相同。

项目地址

• 原版：github.com/obra/superp…
• 中文版：github.com/jnMetaCode/…