一套流程搞定开发！Claude Code 从零写程序完整教程 - 慧知开源充电桩平台

我给你一套从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 先写测试再写实现防bugTDD模式用技能/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 提交代码