我给你一套从0写程序(比如你的充电桩平台模块),全程在Claude Code里用技能的标准流程,按顺序来,附每一步用什么技能、发什么指令,直接照着跑就行。
如果您连claude code 都装不上私信我。我有一套教程送给您。
一、写一套程序的完整流程 + 对应技能
1. 需求梳理 & 架构设计(定方向,不写代码)
用技能:/superpowers:brainstorm
先把需求聊透,防止写偏。
/superpowers:brainstorm 帮我梳理【xxx功能模块】的需求和架构: 1. 业务目标:xxx 2. 核心功能点:xxx 3. 技术栈:Spring Boot + Vue + MySQL 4. 模块依赖:和哪些服务/接口有关联 5. 设计方案:模块分层、接口定义、数据表结构 输出完整的需求说明+架构方案,不写代码。2. 拆任务成可执行步骤(分模块,定文件)
用技能:/superpowers:write-plan
把大功能拆成“文件级小任务”,防止写乱。
/superpowers:write-plan 基于上面的方案,把【xxx模块】拆成分阶段开发任务: 1. 按顺序:实体类 → DAO层 → Service层 → Controller层 → 前端页面 2. 每个任务写明:文件名、核心函数、输入输出 3. 每个任务附带测试要点,确保每一步可验证3. 写后端代码(Java/接口)
3.1 边写边按计划执行
按上面的任务列表,让Claude逐文件写,每写一个文件都核对diff。
按照任务列表,先完成【xxx模块】的实体类和DAO层代码: - 实体类和数据库表字段一一对应 - DAO层使用MyBatis实现增删改查 - 保持代码规范,注释清晰3.2 先写测试,再写实现(防bug,TDD模式)
用技能:/superpowers:tdd
适合核心业务、算法、接口模块,先写测试再写实现,逻辑更稳。
/superpowers:tdd 为【xxx服务类】开发: 1. 先写单元测试用例,覆盖正常、边界、异常场景 2. 再实现服务代码,确保所有测试用例通过 3. 输出测试报告和覆盖率说明4. 写前端页面(Vue/页面UI)
用技能:/frontend_design
按你的登录页风格来做页面,保持系统统一。
/frontend_design 开发【xxx管理页面】,100%匹配慧知充电桩平台的视觉风格: 1. 沿用蓝色主调、卡片式布局、简约科技风 2. 包含:查询条件栏、数据列表、新增/编辑弹窗 3. 保持响应式,和登录页的按钮、输入框样式统一 4. 只写Vue代码和CSS,不改动业务逻辑5. 全流程自动化测试(跑通整个业务)
用技能:/Playwright MCP
写好前后端后,用浏览器跑一遍完整流程,验证页面+接口都正常。
/Playwright MCP 测试【xxx模块】的完整业务流程: 1. 登录系统,进入【xxx管理】页面 2. 新增一条数据,验证提交成功 3. 查询、编辑、删除数据,验证所有操作正常 4. 检查控制台报错和接口请求,输出测试结果6. 代码评审 & 优化
用技能:/superpowers:review
检查代码规范、潜在bug、性能问题。
/superpowers:review 对【xxx模块】的前后端代码做全面评审: 1. 检查代码规范、命名、注释 2. 排查异常处理、并发问题、潜在bug 3. 给出优化建议,生成整改清单7. 提交代码 & 写文档
用技能:/superpowers:git
自动生成提交说明,更新文档。
/superpowers:git 为本次【xxx模块】开发生成规范的Git提交信息,同步更新项目README和接口文档。二、一句话版「从0写程序技能流」
brainstorm(定需求架构)→write-plan(拆任务)→tdd(先写测试再写后端)→frontend_design(写前端页面)→Playwright MCP(跑通全流程)→review(代码评审)→git(提交归档)
三、给你一套可直接复制的「从0开发指令串」
按顺序粘贴就能跑,适配你的充电桩平台模块:
# 1. 定需求架构 /superpowers:brainstorm 梳理充电桩管理模块的需求与架构 # 2. 拆任务 /superpowers:write-plan 拆分充电桩模块的前后端开发任务 # 3. 后端开发(带测试) /superpowers:tdd 开发充电桩服务接口,先写测试再写实现 # 4. 前端页面(匹配现有风格) /frontend_design 开发充电桩管理页面,完全匹配现有系统风格 # 5. 全流程测试 /Playwright MCP 测试充电桩模块完整业务流程 # 6. 评审收尾 /superpowers:review 评审模块代码,优化问题;/superpowers:git 提交代码