用 Claude Code 写项目

1. Superpowers：先装它，像总控台

安装命令：
/plugin install superpowers@claude-plugins-official

2. Planning with Files：把规划落到文件里

安装命令：
/plugin install planning-with-files@claude-plugin-directory

定位： 开发规划持久化工具，解决上下文丢失问题。

我个人很喜欢这个思路。AI 写代码最怕“前面说过的话后面忘了”，把计划写进文件，就相当于给项目留了一份施工图。

简单用法可以是：

请根据需求创建 plan.md，拆成：
1. 数据结构调整
2. API 实现
3. 前端页面
4. 测试验证
每完成一步就更新状态。

3. UI UX Pro Max：前端别再只会堆 div

安装命令：
/plugin install ui-ux-pro-max-skill@claude-plugin-directory

定位： 前端 UI / 设计规范增强 Skill。

这个适合做页面时用。很多 AI 生成的页面不是不能用，而是“很像模板”。这个 Skill 可以让 Claude Code 更注意间距、层级、交互状态、响应式和视觉一致性。

示例提示词：

请用 UI UX Pro Max 的标准重构这个 Dashboard：
- 保留现有功能
- 优化信息层级
- 增加 loading、empty、error 状态
- 移动端不能溢出

4. Code Review：多 Agent 并行审代码

安装命令：
/plugin install code-review@claude-plugin-directory
定位： 多 Agent 并行代码审查工具。

写完代码后，别急着提交。让 Code Review 跑一遍，尤其适合检查边界条件、安全问题、重复逻辑和测试缺口。

请对本次改动做 Code Review，重点看：
- 是否有空指针或异常路径
- 是否破坏现有接口
- 是否缺少测试
- 是否有可简化的逻辑

5. Code Simplifier：专治 AI 冗余代码

安装命令：
/plugin install code-simplifier@claude-plugin-directory
定位： 自动精简、重构 AI 生成的冗余代码。

AI 很容易写出“能跑但啰嗦”的代码。这个 Skill 适合在功能完成后做第二轮清理。

请用 Code Simplifier 精简当前模块：
- 不改变业务行为
- 删除重复分支
- 合并相似方法
- 保持可读性优先

6. Webapp Testing：前端 E2E 自动化测试

安装命令：
/plugin install webapp-testing@claude-plugin-directory
定位： 自动化前端 E2E 测试 Skill。

它适合验证真实页面，不只是跑单测。比如登录、创建订单、提交表单、跳转页面，都可以交给它测。

请使用 Webapp Testing 测试本地 http://localhost:3000：
1. 打开首页
2. 点击登录
3. 输入账号密码
4. 创建一条任务
5. 验证任务出现在列表中

7. Ralph Loop：让任务真的闭环

源码地址：
git clone https://github.com/snarktank/ralph.git
部署步骤：
cp -r ralph/scripts ./
./scripts/ralph/ralph.sh
定位： 任务闭环循环机制，防止 AI 半途终止开发。

这个很适合长任务。它的价值不是“写得更快”，而是让 AI 不要写到一半就收工。需求复杂时，Ralph Loop 能帮你持续推进：实现、检查、修复、再检查。

8. token-optimizer：省 Token，也省脑子

初始化命令：
npx claude-token-optimizer init

常用指令：
cto measure
cto audit
cto compress
cto prune
cto audit --json
定位： 上下文 Token 消耗优化工具。

项目越大，Token 越容易爆。这个工具可以查看消耗、压缩冗余文档、清理过期内容。对长期项目特别有用。

9. MCP Builder：开发自己的 MCP 服务

安装命令：
/plugin install mcp-builder@claude-plugin-directory

定位： MCP 服务开发辅助 Skill。

如果你想让 Claude Code 连接内部系统，比如数据库、日志平台、工单系统、监控系统，就会用到 MCP。

示例场景：

请帮我创建一个 MCP Server：
- 提供 queryLogs 工具
- 输入 traceId
- 返回最近 24 小时日志
- 使用 TypeScript 实现

10. Skill Creator：自己造 Skill

安装命令：
/plugin install skill-creator@claude-plugin-directory
定位： 自定义 Claude Skill 开发、测试工具。

当你已经有固定开发习惯时，就可以把它沉淀成自己的 Skill。比如公司代码规范、接口风格、测试要求、提交规范，都可以做成一套私有工作流。

总结：

不用一口气全装。可以按这个顺序来：
/plugin install superpowers@claude-plugins-official
/plugin install planning-with-files@claude-plugin-directory
/plugin install code-review@claude-plugin-directory
/plugin install code-simplifier@claude-plugin-directory
/plugin install webapp-testing@claude-plugin-directory

前 5 个基本能覆盖日常开发：规划、编码、审查、重构、测试。

如果你做前端，加上：

/plugin install ui-ux-pro-max-skill@claude-plugin-directory

如果你做平台工程、工具链、内部系统，再考虑 MCP Builder 和 Skill Creator。

Planning with Files 管计划，Superpowers 管整体流程，Code Review 负责挑毛病，Code Simplifier 负责收拾代码，Webapp Testing 负责真实验证。再往后，MCP Builder 和 Skill Creator 可以把你的团队经验沉淀下来。