【AI】【Claude Code】----Claude Code（CC）实现 Kiro 式全流程项目交付（需求→设计→任务文档+图文）

CMD 中 Claude CodeCC实现 Kiro 式全流程项目交付需求→设计→任务文档图文一、前置环境准备1. 工具依赖VSCode Claude Code 插件CMD 终端依托 VSCode 内置 cmd纯独立 cmd 无 CC必须在 VSCode 打开终端 cmd项目根目录新建固定文件夹结构自动承载图文、各类文档./docs/ ├─01_需求文档/ ├─02_系统设计文档/ ├─03_开发任务分解文档/ └─images/ # 存放流程图、架构图、原型截图图文配图目录基础配置在项目根新建.claude.md全局规则文件固定输出规范对齐 Kiro 大任务模式2. .claude.md 全局指令核心让CC统一输出格式、强制图文# 全局项目交付规则模仿Kiro大任务流水线 1. 接收【大任务总需求】后严格分三阶段串行输出禁止打乱顺序 阶段1PRD产品需求文档 docs/01_需求文档/PRD.md 阶段2系统设计文档 docs/02_系统设计文档/design.md 阶段3任务拆解文档 docs/03_开发任务分解文档/task_list.md 2. 图文强制要求 - 所有架构、流程、业务逻辑必须生成Mermaid流程图/架构图保存为docs/images/*.mmd同时在文档内嵌入渲染代码块 - 涉及页面、数据表、交互补充文字描述配套示意图说明 - 所有图片资源统一存放 ./docs/images/文档内使用相对路径引用 3. 文档统一标准 - 每个文档包含版本、修改记录、业务背景、目标、范围、约束、风险 - 设计文档架构分层、数据库表、接口定义、部署方案、异常处理 - 任务文档拆分子任务、负责人、工期、依赖、验收标准、测试要点 4. 交付流程 第一步确认总需求输出PRD等我确认PRD无误再进入设计设计确认后输出任务清单 5. 输出格式全部使用标准Markdown分层标题清晰表格齐全 6. 交互模式全程像Kiro大任务模式分步询问确认不一次性输出全部内容二、CMDVSCode内置CMD终端启动大任务完整流程步骤1CMD进入项目目录唤起Claude Code交互打开VSCode顶部终端新建CMD窗口cd 到你的项目根目录cd D:\workspace\demo-project code .调出 Claude Code 对话面板快捷键CtrlShiftP→ 输入Claude Code: Start Chat终端绑定对话上下文步骤2输入标准化大任务启动Prompt复制直接用一键开启全流程# 启动Kiro同款全流程大任务流水线 严格遵循根目录.claude.md规则完成完整项目交付分步执行每完成一份文档先等待我审核确认再执行下一阶段全程图文并茂Mermaid图表全部存到docs/images目录。 本次大任务【这里替换你的完整业务需求例如开发一套客户工单管理后台支持工单提交、分配、处理、统计、权限管理】 执行流程约束 1. 第一阶段生成完整PRD需求文档存放docs/01_需求文档/PRD.md包含业务流程图mermaid、功能清单、用户角色、原型说明图 2. 我回复【PRD确认通过】后进入第二阶段系统设计文档design.md包含整体架构图、数据库ER图、接口流程图、部署架构图全部配图 3. 我回复【设计文档确认通过】后第三阶段输出任务分解文档task_list.md分前端/后端/测试/部署子任务带任务依赖、工期、验收标准 4. 所有图表文件单独输出保存至docs/images所有md文档内部嵌入图表代码实现图文展示 5. 文档全部生成完成后汇总一份总交付说明文档docs/项目交付汇总.md步骤3CC 分步执行完整流程模仿Kiro分段确认机制阶段1输出需求文档 PRD带图文CC会自动创建文件夹、生成PRD.md同时生成docs/images/business_flow.mmd业务流程图文档内部嵌入示例是否客户提交工单管理员分配工单工程师处理是否解决工单归档退回重处理CMD终端会提示需求文档已生成请审阅回复【PRD确认通过】进入下一阶段阶段2确认PRD后生成系统设计文档输入PRD确认通过CC自动生成架构分层图 images/arch.mmd数据库ER图 images/db_er.mmd接口调用时序图 images/api_seq.mmd设计文档包含技术选型、表结构、接口字段、缓存、异常、部署方案图文穿插终端提示设计文档完成请审阅回复【设计文档确认通过】生成任务清单阶段3确认设计输出完整任务分解文档输入设计文档确认通过CC拆分颗粒度任务用表格排版配套任务依赖流程图形成可直接排期的开发清单。阶段4全部文档汇总打包三份文档所有图表生成完毕后自动输出交付汇总文档列出所有文件路径、图表清单完成整套大任务闭环。三、CMD 快捷优化命令简化重复操作1. cmd 一键初始化文档目录脚本新建init_docs.bat放在项目根cmd双击执行自动创建全套目录echo off md docs\01_需求文档 md docs\02_系统设计文档 md docs\03_开发任务分解文档 md docs\images echo 文档目录初始化完成 pauseCMD执行init_docs.bat一键建好文件夹不用手动创建2. 快速唤起CC大任务的快捷片段在cmd中可以直接复制简化指令无需每次粘贴长prompt加载.claude.md全局规则启动完整三阶段项目交付大任务图文并茂分阶段等待我确认再推进当前需求XXX四、实现「图文并茂」核心关键点CC必须遵守Mermaid 图本地化存储Kiro会自动生成图表Claude Code通过指令强制将mmd图表单独落地到docs/images文档内引用代码块本地安装Mermaid插件即可VSCode直接看图实现图文共存。图片路径统一规范所有md文档使用相对路径统一管理配图不会出现图片丢失。强制配图场景避免纯文字PRD业务流程、用户角色图设计文档架构、ER、时序、部署图任务文档任务依赖拓扑图五、和 Kiro 的行为对齐要点功能点Kiro 大任务模式CMD Claude Code 配置实现方案大任务分阶段串行分步交付人工确认再下一阶段.claude.md 强制分段关键词确认触发下一流程自动生成全套三类文档PRD/设计/任务清单固定目录结构指定文件输出路径图文自动配套内置图表嵌入文档强制Mermaid绘图独立保存图片目录完整项目闭环交付汇总交付包最后生成汇总清单文档终端命令驱动内置命令CMD批处理脚本标准化对话Prompt六、常见问题修复CC不自动创建文件夹解决先在cmd运行init_docs.bat手动初始化目录再启动任务不生成Mermaid图片解决在prompt追加一句所有逻辑必须输出独立mmd图表文件不允许仅文字描述流程跳过确认直接输出全部文档解决检查.claude.md是否存在必须开启分段确认规则缺失则重新写入规则文件七、完整实操示例复制即用整套流程CMD进入项目执行init_docs.bat创建/覆盖.claude.md粘贴上方全局规则VSCode CMD打开Claude Code对话粘贴大任务启动Prompt替换自己的业务需求等待CC生成PRD审核后发送确认指令依次走完设计、任务文档整套图文全套文档自动落地到本地目录。