AI 嵌入软件开发全流程

AI 深度嵌入软件开发全流程指南

覆盖需求调研、开发文档、原型设计、系统开发、测试优化等 11 个环节的 AI 软件开发全流程指南

软件开发全流程 AI 深度嵌入方案

宇宙级免责声明:本指南纯属编者个人的经验总结与流程偏好,仅供内部经验交流。
AI技术日新月异,今日的好方法明日或已成旧识,因此建议读者以批判眼光吸纳,取精华去糟粕,灵活变通。
鼓励大家多尝试其他工具与技术,自己摸索出的路往往更适合自己——若有独到见解,非常期待与您对谈。

全局工具策略

为避免工具碎片化,推荐全流程核心工具栈:
DeepSeek(通用推理+编程) + Trae(主力 IDE) + WorkBuddy(文档/Skill/MCP 集成) + MasterGo(原型) + Dify/Coze(Agent 编排)。
特定环节可按需补充专项工具。

环节 1:业务需求调研与文档整理

本环节将「需求调研」与「文档整理」合为一体——通过持续的 AI 对话进行需求澄清,最终输出一份经过多方评审的、格式标准的结构化需求文档(PRD)。

核心原则

业务工程师/产品经理/项目负责人必须对整体业务逻辑有完整的理解。 需求阶段是整个项目的根基,AI 可以帮助梳理、追问、格式化,但业务判断的最终责任在人。花足够的时间在这个环节反复打磨,后续开发才能少走弯路。

推荐工具

WorkBuddy DeepSeek 通义千问·听悟 Kimi

操作步骤

阶段 A:需求收集与澄清

  1. 使用通义千问·听悟或飞书妙记将需求访谈/会议录音转为文字纪要
  2. 将转写文本 + 已有调研资料(问卷、竞品分析)输入 WorkBuddy/Kimi
  3. 通过多轮 AI 对话进行需求澄清——这是关键步骤,不是一次性的 prompt:
第一轮:「审查以下需求调研材料,识别:①模糊表述 ②缺失的错误处理需求 ③未覆盖的边缘情况 ④隐含的用户行为假设 ⑤缺失的非功能需求(性能、安全、可用性)⑥需求之间的矛盾」
第二轮:「针对上一轮识别的每个问题,展开追问,帮我补全具体的业务规则」
第三轮:「从实际用户使用视角,模拟 3 个最常见的操作场景,验证需求覆盖度」
  1. 项目负责人逐项确认 AI 标注的模糊项和矛盾项,与业务方沟通确认后进入下一轮对话
  2. 直到需求清单中没有高优先级未决项为止

阶段 B:结构化文档输出

  1. 将最终确认的需求澄清清单输入 AI,生成结构化 PRD(格式自定):
「基于以上需求调研结果,生成一份标准 PRD,包含:①项目背景与目标 ②用户角色定义 ③功能需求列表(含优先级 MoSCoW)④用户故事与验收标准(Given/When/Then 格式)⑤数据字典初稿 ⑥非功能需求(性能/安全/兼容性)⑦里程碑计划建议」
  1. AI 自动提取并标注实体关系(为后续数据库设计做准备)
  2. 输出格式选择:
用途推荐格式原因
给 AI 阅读(后续开发文档/代码生成)Markdown(.md)AI 解析速度快,消耗 Token 少
给用户/业务方评审交付HTML视觉体验优秀,支持导航、表格、折叠等交互
  1. 多方评审: 将输出的文档交由相关用户(业务方、技术负责人、测试负责人)评审确认,修改定稿后方可进入开发文档阶段

环节 2:开发文档输出

将环节1输出的结构化 PRD 作为输入,让 AI 撰写完整的开发文档。需求文档和开发文档是系统开发的两大基石——AI 编程时代,编码效率已大幅提升,开发不再是项目周期的瓶颈,真正的瓶颈在后续的测试与优化。因此建议花足够的时间打磨好这两份文档,对齐用户需求、做好测试样例,后续能大幅减少返工和测试优化的时间。

核心要求

开发文档必须基于自身团队的实际技术栈撰写,涵盖以下模块:

模块内容
前端技术栈框架(React/Vue/小程序等)、UI 组件库、状态管理、构建工具
后端技术栈语言/框架(Java Spring/Node.js/Python 等)、ORM、缓存策略
接口设计RESTful API / GraphQL 定义、请求/响应格式、错误码规范
数据库设计ER 图、DDL 建表语句、索引策略、数据迁移方案
概要设计系统架构图(Mermaid)、模块划分、关键业务流程时序图
测试用例基于 PRD 验收标准扩展的测试矩阵(单元/集成/E2E)
安全与权限管理认证方案(JWT/OAuth2)、RBAC 权限模型、数据加密、审计日志

推荐工具

WorkBuddy DeepSeek Trae 通义千问

操作步骤

  1. 将环节1输出的 PRD(Markdown 格式) 作为输入给 AI
  2. 首先描述团队技术栈,让 AI 基于实际环境生成:
「我们的技术栈:前端 Vue3 + Element Plus + Vite,后端 Java Spring Boot 2.7 + MyBatis Plus + MySQL,部署在内网服务器。请根据以下 PRD 生成开发文档,优先输出 Markdown 格式。」
  1. 分模块生成(建议逐个模块对话,而非一次性生成全部,是否一次性生成取决于 LLM 的能力和上下文长度):
第一轮:架构设计与技术选型
第二轮:数据库设计与 DDL
第三轮:API 接口定义(含 JSON Schema)
第四轮:安全与权限设计
第五轮:测试用例矩阵
第 N 轮:......
  1. 技术负责人逐模块审核,确保技术方案符合团队实际能力
  2. 输出格式:优先 Markdown,便于后续 AI 编程工具(Trae/ZCode/Claude)直接作为上下文引用

关于 MVP(最小可行产品)

如果项目时间紧迫,可以先针对核心功能做出一版 MVP(最小可行产品)——从 PRD 中选出优先级最高的 20% 功能,快速完成需求文档→开发文档→原型→开发→测试→交付的完整闭环,便于紧急项目快速验证。但 MVP 不是终点,后续必须持续进行更新迭代,逐步补全剩余功能。

环节 3:原型设计

将 PRD 中的功能描述转化为可视化产物。原型设计有两条路线——可根据团队能力和项目阶段灵活选择。

方向一:原型文件(设计工具路线)

使用集成了 AI 功能的设计工具,通过自然语言描述或 PRD 文档快速生成可编辑的 UI 设计稿。输出为设计源文件(可交互原型),后续由开发者手动还原为代码。

推荐工具:

工具定位AI 能力
MasterGo AI国产 Figma 替代,企业级 UI 设计平台AI 快搭(文/图生原型)+ AI 设计助手(Agent/Chat 双模式)+ D2C 代码生成 + MCP Server 已开源
墨刀 AI产品经理友好,低保真到高保真交互原型AI 生成页面 + 自动交互连线
Pixso国产全链路协作设计工具AI 生图 + 组件库
WorkBuddy 设计通用 AI 助手的 Skill 能力通过内置 Skill 生成 UI 设计稿
Trae DesignTrae IDE 内置设计功能自然语言描述生成界面

方向二:前端代码直出(编程 IDE + 设计 Skill 路线)

使用 AI 编程 IDE 配合专业设计 Skill,根据开发文档直接输出可运行的前端界面代码。相当于跳过设计稿阶段,直接交付可用的前端模块。

推荐工具组合:

组件工具作用
编程 IDETrae / Claude Code / ZCode作为运行环境和 Agent 调度器
设计 Skillui-ux-pro-max / frontend-design提供专业的设计知识库(50+ 风格、161 配色、57 字体配对、UX 规范)
大模型DeepSeek / GLM代码生成和设计推理

两个方向的对比

对比维度方向一:原型文件方向二:前端代码直出
输出产物可交互设计稿(矢量文件)可直接运行的前端代码(HTML/CSS/React/Vue)
优点① 修改成本低,拖拽调整直观
② 非技术人员也能参与评审
③ 支持复杂交互原型演示
④ 企业设计系统可约束 AI 产出
① 跳过设计→开发的翻译损耗
② 输出即可用,开发效率最高
③ 代码可直接进入版本管理
缺点① 需要人工将设计还原为代码
② 设计稿与最终实现可能有偏差
③ 多一道交付环节
① 有技术门槛(需选定技术栈、配置项目架构)
② 修改成本高——调整 UI 需重新生成代码
③ 设计和代码紧耦合,难以单独评审 UI
技术门槛★☆☆☆☆ 低(产品经理可独立完成)★★★★☆ 高(需前端开发基础)
何时使用① 需求尚未完全确定,需要频繁调整 UI
② 需要跨部门评审(业务方、设计、开发)
③ 企业有成熟的设计系统需要 AI 遵循
④ 复杂交互流程需要可视化演示
① 需求已明确且稳定
② 快速构建 MVP 或内部工具
③ 全栈开发者独立项目
④ 前端风格已有明确参考且变化不大
使用人群产品经理、UI/UX 设计师、业务方全栈开发者、前端工程师、技术型 PM

典型操作流程

方向一流程:

  1. 从环节1的 PRD 中提取页面清单和交互描述
  2. 使用 MasterGo AI 快搭:输入自然语言描述生成可编辑矢量设计稿
  3. MasterGo AI 支持「AI + 设计系统」融合,可引入企业 Team Library 确保规范一致
  4. 如需复杂交互原型,使用墨刀添加页面跳转和微交互
  5. 评审通过后,设计稿交付开发(可通过 MasterGo MCP 让 Trae 直接读取 DSL 辅助转代码)

方向二流程:

  1. 确保环节2的开发文档已明确定义前端技术栈和 UI 风格
  2. 在 Trae/Claude Code 中加载 frontend-designui-ux-pro-max Skill
  3. 将开发文档中的页面描述喂给 AI,指定技术栈和设计风格:
「基于以下页面需求,使用 React + Tailwind CSS 生成一个压缩机巡检系统移动端首页,包含顶部搜索栏、待办巡检任务卡片列表、底部导航栏。风格参考工业 4.0 暗色主题。」
  1. AI 输出可直接运行的前端代码,将代码放入项目目录
  2. 在浏览器中预览效果,通过对话进行 UI 微调

环节 4:系统开发

编码实现阶段——AI 价值最大化的环节。但在动手写代码之前,首先理解「为什么要用 AI 编程工具」,以及不同工具带来的本质性变化。

为什么要用 AI 编程工具?

很多人认为 AI 编程 = 传统 IDE + 接个 LLM 做代码补全。但 2026 年的 AI 编程工具已经远远超越了这个范畴,其核心差异体现在四个层面:

传统开发 vs AI 原生开发对比

维度传统 IDE(VS Code / JetBrains)传统 IDE + LLM 插件AI 原生编程工具
代码生成单次对话补全,需手动复制粘贴多文件协同生成,在项目上下文中自动定位和修改
任务执行全手动手动描述每步操作Agent 自主拆解任务 → 编码 → 调试 → 验证,全流程自动
上下文仅当前文件当前文件 + 粘贴的代码整个项目仓库 + 开发文档.md + MCP 连接的外部系统
验证闭环人工运行测试人工运行测试写完后自动生成测试、自动运行、自动修复
工具生态插件市场(手动配置)插件市场 + 手动 API 对接MCP 协议即插即用,AI 自主调用 GitHub/Jira/Figma/数据库/Skill生态
学习成本中(学 IDE 功能)高(学 IDE + Prompt 工程 + API 配置)低(自然语言驱动,工具自己理解意图)

四个推荐工具的核心差异化能力

工具核心定位独特能力最适合场景
TraeAI 原生 IDE(字节跳动)SOLO 模式:自然语言→可运行全栈项目,AI 自闭环
CUE 智能预测:预判下一步修改意图,Tab 即应用
Builder 模式:对话式搭建项目架构
多模型自由切换(Claude/GPT/DeepSeek)
⑤ 中文适配 9.8 分
全栈项目从零搭建;中文场景;前后端分离开发
ZCode自研 Agent 内核 IDE(智谱)自研 Agent 内核:不依赖第三方 Agent
1M 超长上下文:整个大型项目作为上下文
深度 GLM-5.2 适配:原生模型协同最优
修改后自校验:每次修改/新增/优化代码后,Agent 自动写测试样例并验证
大型工程;长程推理任务;需要 Agent 高度自主
Claude Code终端式 AI Agent(Anthropic)推理天花板:代码质量 9.8 分,业界最高
终端原生:直接在命令行中完成完整开发流程
跨文件编辑能力最强:Agent 9.8 分
Skills 生态:SKILL.md 自定义工作流
复杂算法/架构;需要最高推理质量;英文项目
DeepSeek(模型)开源模型(深度求索)代码能力开源最强
100万 Token 上下文
API 价格极低(永久降价约 75%)
④ 数学推理顶尖
作为上述 IDE 的底层模型;高性价比 API 调用;对数据安全有自托管需求
核心差异一句话: 传统 IDE + LLM 是「你问一句,AI 答一段,你复制粘贴到编辑器」;AI 原生工具是「你告诉它目标,它自己在项目里改代码、跑测试、修 Bug、循环验证,你只做审核决策」。

开发前置条件

无论使用哪种 AI 编程工具,开发环节必须有以下输入:

开发策略:前后端分离

项目采用前后端分离架构,根据环节3原型来源的不同,采用不同的开发策略:

策略 A:原型来自方向一(设计稿文件)

后端先行的「设计稿→代码」模式:

  1. 后端先行:开发文档.md 中的 API 定义和数据库 DDL 喂给 AI 编程工具,先完成所有后端接口和数据库搭建
  2. 设计稿转前端代码: 通过 MasterGo MCP,让 Trae 直接读取设计文件 DSL,生成前端页面框架,或者将原型文件上传/截图给AI IDE进行解析
  3. 前后端联调: 前端代码对接后端 API,AI 辅助完成接口联调和数据流对接
  4. 逐模块完善: 按 PRD 模块优先级,逐个完成→联调→验证

策略 B:原型来自方向二(前端代码直出)

前后端并行的「快速搭建」模式:

  1. 双线并行: 前端已有方向二输出的代码,后端根据 开发文档.md 同步搭建
  2. 接口对齐: 前后端以 开发文档.md 中的 API 定义为「合约」,各自开发后自动联调验证
  3. 快速集成: AI 辅助将前端代码与后端 API 对接,修正接口不匹配处

操作步骤

  1. 在 AI 编程工具中打开项目,将 开发文档.md 作为核心上下文导入
  2. 基础架构搭建: 用自然语言描述项目结构,AI 自动生成目录、配置、依赖和基础代码框架
  3. 后端开发:开发文档.md 中的 DDL 和 API 定义作为上下文,AI 生成数据模型、接口实现、业务逻辑
  4. 前端开发:
  1. 复杂功能: 使用工具的 Agent 模式,描述完整功能需求,AI 自主完成编码→调试→验证全过程

最佳实践

① 始终将 开发文档.md 保持为 AI 的活跃上下文——它是开发的「唯一真相来源」
② 复杂需求拆分为小步迭代,不要让 AI 一次性生成整个功能
③ 始终审查 AI 生成代码的边界条件和错误处理
④ 利用各工具的智能预测/补全能力提升日常编码效率

环节 5:系统测试优化

AI 编程工具已经将这两个环节融为了一体。在 AI 原生开发模式下,测试和优化不再是两个独立步骤,而是一个持续的「生成→测试→修复→优化→再测试」的自循环。

核心理念

AI 自己写代码,自己写测试,自己跑测试,自己修 Bug。 测试不再是「开发完再做」的独立阶段,而是嵌入在每一次代码变更中的自动化验证。

推荐工具

Trae ZCode Claude Code DeepSeek skill

各工具的测试优化策略

不同 AI 编程工具的测试优化策略有本质差异:

Trae:IDE 内闭环测试

  1. 在 Trae 中选中目标函数,自然语言描述测试需求:
「为这个函数生成全面的单元测试,覆盖正常路径、边界条件、异常输入、并发场景」
  1. Trae 自动生成测试代码 → 运行测试 → 分析失败原因 → 修改源码 → 重新测试,直到通过
  2. 按 PRD 验收标准逐条验证,生成测试通过报告

ZCode:修改后自校验

ZCode 的核心差异化策略——每次代码变更后自动触发校验链:

ZCode Agent 在完成任何代码修改(新增/优化/修复)之后,会自动写一个测试样例进行校验,验证修改的正确性。这意味着:

- 新增功能 → 自动生成对应的测试用例并验证
- 优化重构 → 自动跑回归测试确保不破坏现有功能
- Debug 修复 → 先写一个能复现 Bug 的测试,修复后验证 Bug 已消除

这种「改代码必写测试」的策略从机制上保证了代码质量和测试覆盖率。

Claude Code:终端深度推理测试

  1. 自然语言描述测试场景,Claude Code 生成测试代码并直接在终端执行
  2. 强大的推理能力使它能设计出更复杂的边界测试用例(竞态条件、内存泄漏、安全注入等)
  3. 通过 SKILL.md 自定义测试策略:「每次提交前跑 full test suite,通过后才能 commit」

优化方向

优化类型操作方式工具
性能优化将性能日志/监控数据 + 相关代码输入 AI,分析瓶颈;AI 生成优化方案→修改→自动跑 Benchmark 验证DeepSeek + Trae/ZCode
SQL 优化将慢查询日志 + 表结构输入 AI,获取索引建议和 SQL 重写方案DeepSeek
架构优化将现有架构描述输入 AI,从可扩展性、可靠性、可维护性、可运维性四个维度审查并给出改进方案DeepSeek / Claude Code
代码重构选中目标代码,自然语言描述重构目标,AI 执行重构后自动运行测试确保行为不变Trae / ZCode

注意事项

① AI 默认生成「快乐路径」测试——需显式要求边界情况和异常场景
② 生产数据严禁用于测试
③ 复杂的集成测试和 E2E 测试建议用 Playwright 等专业框架补充
④ 每次优化后必须跑完整的回归测试

环节 6:代码备份与版本管理

代码备份与版本管理是保障代码资产安全、可追溯的基础设施。主要使用 GitHub / GitLab 作为代码托管平台;内网环境下可直接连接内网部署的 GitLab / Gitea 仓库进行代码的更新、上传和部署。借助 AI 编程工具 + Git 实现自动化备份与版本管理。

推荐工具: Trae ZCode Claude Code DeepSeek WorkBuddy(Git MCP)

各 AI 编程 IDE 的备份与版本管理策略对比

不同 AI 编程工具在代码备份和版本管理方面各有特点:

对比维度TraeZCodeClaude Code
Git 集成方式IDE 内置 Git 面板 + AI 辅助IDE 内置 Git + Agent 内核自动化终端原生 git 命令 + AI 推理
Commit 辅助AI 分析 diff 自动生成 Conventional Commits 消息Agent 修改代码后自动生成 commit 描述,含变更原因和影响范围AI 深度分析变更语义,生成高质量 commit message
PR/MR 自动化支持在 IDE 内创建 PR,AI 生成 PR 描述Agent 自主完成 commit→push→创建 MR 全流程终端中 gh CLI 创建 PR,AI 生成描述
代码备份策略手动/定时推送,依赖团队规范Agent 可配置自动提交策略(修改后自动 commit + push)依赖开发者手动 commit,但 AI 可生成完整的备份脚本
CHANGELOGAI 根据 commit 历史生成Agent 自动追踪变更记录,生成结构化 CHANGELOGAI 分析 git log 生成 CHANGELOG
内网仓库支持配置内网 Git remote 即可配置内网 Git remote,Agent 自动推送终端 git remote 配置,原生支持
差异化优势IDE 集成体验最好,Git 操作可视化改后自动 commit 策略保障代码不丢失,适合长时间开发推理质量最高,commit message 最规范
适用场景日常开发 + Git 操作大型项目长时间开发,需要自动备份保障需要高质量 commit message + 复杂分支策略
核心差异一句话: Trae 是「可视化 Git + AI 辅助」;ZCode 是「Agent 自动 commit 保障不丢代码」;Claude Code 是「终端原生 + 最高质量 commit」;WorkBuddy 是「多仓库批量管理 + MCP 自动化」。

各 AI IDE 的快照/Checkpoint 回退能力对比

除了常规的 Git 版本管理,现代 AI 编程 IDE 普遍内置了比 Git 颗粒度更细的"快照回退"机制——每次 AI 对话/工具调用自动留存代码状态,可以精确回退到任意一次改动之前,不受 Git commit 粒度限制。这是 AI 原生 IDE 相比传统 IDE 的核心安全优势之一。

对比维度TraeZCodeClaude CodeCursor
功能名称Snapshot 快照回退对话式版本管理 / CheckpointCheckpointingCheckpoints
触发机制每次 AI 工具调用(Write/Edit)自动创建快照每轮对话完成后自动创建 Checkpoint每个用户提示前自动创建 CheckpointAgent 进行重大更改前自动创建 + 用户可手动创建命名快照
存储方式隐藏 Git 仓库(每会话一个独立仓库)会话级持久化存储,按项目自动隔离会话级持久化存储,保存最近 100 个 checkpoint 文件快照本地独立存储(独立于 Git)
回退粒度精确到每次 AI 操作(toolcall 级别),比 Git 细精确到每轮对话,可回退到任意节点精确到每个用户提示精确到每次 Agent 修改
回退操作① 对话气泡"回退"按钮(最近10轮)
② 文件右键"打开时间线"
① 点击历史消息 → 一键回退
② 编辑历史消息 → 自动回滚 + 从该点重新执行(分支)
③ Review Changes 可视化 Diff
/rewind 命令
② 双 Esc 打开回退菜单:恢复代码/对话/两者
① 对话时间线点击 checkpoint → 恢复
② Restore Checkpoint 按钮
独特能力Work 模式多文件联动修改完整复原;隐藏 Snapshot 仓库可手动 git 恢复非线性历史重写: 编辑历史消息 → 自动回滚 → 新指令重新执行 → 保留后续为分支(类 Git 分支管理能力)恢复粒度三选一(仅代码/仅对话/两者);支持 Summarize 压缩历史用户可自定义命名快照;支持跨快照全局 Diff 对比
持久化会话持久化,快照在 %APPDATA%\Trae CN\ModularData\ai-agent\snapshot\会话持久化,所有历史记录按项目隔离保存跨会话持久化(恢复的会话仍可 /rewind),30 天后自动清理不跨 IDE 重启持久化(会话级),推荐配合 Git 双备份
局限性snapshot 仓库较大时可能占用磁盘空间重写历史仅影响当前会话,不影响 Git 远程仓库Bash 命令修改不追踪;非 Git 替代(官方标注「本地 Undo」)不追踪终端副作用;跨重启不持久
定位IDE 内置开发级安全网,操作最便捷最强大的会话级版本控制——类 Git 分支,非 Git 命令终端场景下的安全网,灵活但需手动操作探索性开发的安全网,最佳配合 Git 双备份使用
一句话总结: Trae 是「最便捷的本地快照」——点按钮就能回退,零学习成本;ZCode 是「最强大的对话级版本控制」——不仅回退,还能从历史任意节点分叉重来;Claude Code 是「终端场景的安全网」——灵活但需手动;Cursor 是「探索性开发的安全网」——适合试错和临时备份。
重要提醒: 以上所有快照/Checkpoint 机制都是 Git 的补充而非替代。快照用于开发过程中的「误操作秒级回退」;Git 用于永久版本历史、团队协作和代码审计。两者配合使用形成「双层安全网」。

操作步骤

备份策略:

  1. 向 DeepSeek 描述项目结构和技术栈,获取备份策略建议(全量/增量、频率、保留周期)
  2. AI 生成自动化备份脚本(Shell/Python),含错误处理和告警
  3. 使用 WorkBuddy FileBatchProcessor Skill 批量压缩和归档历史项目文件
  4. AI 定期分析备份日志,验证备份完整性

版本管理(外网环境——GitHub/GitLab):

  1. 在 Trae / ZCode / Claude Code 中提交代码时,AI 自动分析 diff 内容生成规范的 commit message(Conventional Commits 格式)
  2. 推送到 GitHub/GitLab 远程仓库
  3. 使用 WorkBuddy MCP 连接 GitHub/GitLab,自动创建 PR/MR,AI 生成 PR 描述和变更摘要
  4. AI 根据 commit 历史自动生成 CHANGELOG.md
  5. 版本发布时,AI 自动打 Tag 并生成 Release Notes

版本管理(内网环境——内网 GitLab / Gitea):

  1. 在内网服务器部署 GitLab 或 Gitea(Gitea 更轻量,适合资源有限的环境)
  2. 在 AI 编程工具中配置内网 Git remote
  3. AI 编程工具直接通过内网地址进行 commit / push / pull 操作,无需外网访问
  4. 配置内网 CI/CD 流水线(GitLab CI / Gitea Actions),代码推送后自动触发构建 → 测试 → 部署
  5. 备份策略:定时全量备份 GitLab/Gitea 数据目录(含仓库数据 + 数据库),AI 生成备份脚本并验证完整性

输出示例(Commit Message)

feat(inspection): add offline sync support for inspection reports

- Add IndexedDB storage for offline form data
- Implement sync queue with retry mechanism (max 3 retries)
- Add network status detection and auto-sync on reconnect

Closes #142

环节 7:项目代码审查(简单介绍)

放在备份与版本管理之后——代码经过版本管理入库后,再进行结构化审查,确保入库代码的质量底线。AI 代码审查作为人工审查的「第一道防线」,自动发现常见问题。

推荐工具: Trae DeepSeek 通义灵码 WorkBuddy 代码审查skill

操作步骤

  1. 将待审查代码 + 项目编码规范(.cursorrules)+ 开发文档.md 一并输入 AI
  2. 执行结构化审查:
"对照《开发文档.md》的技术规范,从①逻辑正确性 ②安全漏洞 ③性能问题 ④边界条件处理 ⑤代码风格一致性 ⑥可维护性 六个维度评估,输出问题列表+严重级别+修复建议"
  1. AI 标注每个问题的影响范围和修复方案
  2. 开发者修复后,人工审查专注于架构决策和业务逻辑正确性

实践效果

AI 做第一轮审查可捕获 60-70% 的低级错误(空指针、未关闭资源、SQL 注入、硬编码密钥等),让人工审查聚焦于高层次问题。AI 辅助审查使缺陷发现率提升约 30%。

环节 8:系统操作手册编写

系统上线前,需要为最终用户准备一份清晰、可操作的使用手册。本环节对比不同文档格式的优劣,并给出技术人员和非技术人员分别如何利用 AI 快速生成一份专业的 HTML 操作手册。

文档格式对比:为什么选 HTML?

对比维度HTMLWord (.docx)PDF
视觉表现力★★★★★ 极强(CSS 控制一切:导航栏、卡片、折叠、暗色模式、动效)★★★★☆ 强(样式丰富但排版易变形)★★★☆☆ 中(固定页面,无交互)
交互性★★★★★ 极强(页面内锚点跳转、折叠展开、搜索过滤、Tab 切换、视频嵌入)★☆☆☆☆ 极弱(仅目录超链接)☆☆☆☆☆ 无交互
跨平台兼容★★★★★ 浏览器无处不在,无需安装任何软件★★★☆☆ 需 Office/WPS,版本间格式兼容差★★★★★ 查看器免费通用
内容更新★★★★☆ 方便(单文件覆盖替换,即时生效)★★★☆☆ 一般(需重新导出/另存)★★☆☆☆ 麻烦(修改源文件后重新导出)
文件体积★★★★☆ 小(纯文本+CSS,通常几十 KB)★★★☆☆ 较大(含媒体资源时可达几十 MB)★★☆☆☆ 大(固化全部资源)
打印友好★★★☆☆ 一般(需专门写 @media print 样式)★★★★★ 优秀(原生打印支持)★★★★★ 完美(打印是原生场景)
AI 生成难度★★★★☆ 容易(纯文本格式,AI 原生支持,一次输出完整文件)★★★☆☆ 中等(需借助 python-pptx/docx 库或专门 Skill)★★★☆☆ 中等(同样需转换工具)
适合场景在线帮助中心、内部知识库、交付给用户的操作指南需要打印签字的正式文档、需要多人批注的协作文档正式交付物、合同、标书、需要防止篡改的文档
结论:HTML 是操作手册的最佳格式。 用户打开浏览器即可使用,支持导航、搜索、折叠,视觉效果远超传统文档。AI 生成 HTML 是原生能力——不像 Word/PDF 需要中间转换库,AI 直接输出文本格式的 .html 文件即可。

方式一:技术人员实操(在项目代码中直接生成)

这是当前推荐的方式——开发者在 AI 编程工具中,利用已有的项目代码作为上下文,让 AI 生成操作手册。

适用场景: 有项目代码访问权限的开发者

推荐工具: Trae ZCode Claude Code WorkBuddy

操作步骤:

  1. 在 AI 编程工具中打开项目,将以下内容作为上下文喂给 AI:
  1. 向 AI 描述手册要求:
「基于当前项目的代码和开发文档,生成一份面向最终用户的系统操作手册(HTML 格式)。要求:
① 包含顶部导航栏,按用户角色(巡检员/管理员)分类
② 每个功能模块包含:操作入口、操作步骤(编号)、操作截图占位区域、注意事项
③ 支持页面内锚点跳转(目录)
④ 添加一个 FAQ 折叠区域
⑤ 移动端响应式适配
⑥ 风格简洁专业,参考 Ant Design 设计规范」
  1. AI 输出完整 HTML 文件(单文件,内含 CSS),直接在浏览器中打开预览
  2. 根据实际界面截图,补充截图引用路径(或让 AI 预留占位)
  3. 交付前人工检查:操作步骤是否与实际系统一致、术语是否准确

方式二:纯业务人员 / 产品经理实操

业务人员或产品经理通常没有项目代码访问权限,但同样可以利用 AI 写出一份专业的 HTML 操作手册——关键在于\\准备足够的"素材"\\来弥补无法直接读代码的差距。

适用场景: 没有代码权限的 PM、业务分析师、实施顾问

推荐工具: WorkBuddy DeepSeek Kimi 通义千问

核心策略:用"素材包"替代"代码上下文"

技术人员喂给 AI 的是代码,业务人员喂给 AI 的应该是以下素材:

素材类型说明示例
系统截图每个页面的完整截图(PNG/JPG)巡检列表页、表单填写页、报告查看页
PRD 文档环节1输出的需求文档(Markdown 格式)用户故事、功能列表、业务规则
菜单位置说明文字描述每个功能从哪里进入「左侧导航栏 → 设备管理 → 巡检任务 → 点击『新建巡检』按钮」
角色说明哪些角色使用哪些功能「巡检员:扫码、填表、提交;管理员:创建任务、审核报告、导出数据」

操作步骤(以 WorkBuddy 为例):

  1. 准备素材包:
  1. 将素材喂给 AI:
「我正在为一个压缩机巡检系统编写操作手册。以下是我的素材:
① PRD 文档内容如下:\[粘贴 Markdown 内容]
② 系统包含以下页面和入口:\[粘贴菜单结构]
③ 系统角色:巡检员(扫码→填表→提交),管理员(创建任务→审核→导出报告)

请根据以上信息,生成一份完整的 HTML 操作手册,要求:
① 顶部导航栏,按巡检员/管理员两个角色分 Tab
② 每个操作流程用编号步骤描述(如『1. 点击左侧菜单【设备管理】→ 2. 点击【巡检任务】』)
③ 每个页面对应一个截图占位区域(用占位文字标注截图文件名,后续我替换为实际截图)
④ 包含常见问题(FAQ)折叠区域
⑤ 风格简洁专业」
  1. AI 输出 HTML 后:
  1. 迭代优化:

两种方式对比

对比维度方式一:开发者(代码驱动)方式二:业务人员(素材驱动)
上游输入项目代码 + 开发文档.md系统截图 + PRD + 菜单文字描述
优势内容自动精准(直接读取代码中的路由、字段、校验规则)无需代码权限,PM 可独立完成
劣势需要代码访问权限需手动准备截图素材,操作步骤可能因缺少代码细节而不够精确
精确度★★★★★(代码即真相)★★★☆☆(取决于素材完整度,需人工校对)
推荐人群开发者、技术 PM纯业务 PM、实施顾问、运营人员

最佳实践

① HTML 文件名命名规范:系统名称-操作手册-v版本号.html(如 压缩机巡检系统-操作手册-v1.0.html
② 将 HTML通过邮件发送或者内嵌在系统内部,用户通过浏览器访问或在系统内访问即可,重大更新要覆盖旧版文件文件。
③ 操作手册和系统同步迭代——每次系统发版时同步更新手册

环节 9:系统部署上线(简单介绍)

AI 生成 CI/CD 配置、Dockerfile、K8s 清单,辅助部署故障排查。

推荐工具: DeepSeek Trae 通义千问 WorkBuddy

操作步骤

  1. 将环节2的 开发文档.md 中的部署需求输入 AI,生成完整的部署配置
  2. 容器化: AI 生成 Dockerfile + docker-compose.yml(含健康检查、资源限制、日志配置)
  3. CI/CD: AI 生成 GitHub Actions / GitLab CI 流水线配置(构建→测试→部署)
  4. K8s: 如需容器编排,AI 生成 Deployment + Service + Ingress + ConfigMap 清单
  5. 部署验证: AI 生成冒烟测试脚本,部署后自动执行关键路径验证

环节 10:用户反馈收集(简单介绍)

AI 自动化收集、分类、分析用户反馈,将非结构化反馈转化为可执行的需求。

推荐工具: DeepSeek Kimi Coze / Dify WorkBuddy

操作步骤

  1. 通过 MCP 连接企业微信/钉钉/飞书,自动收集用户反馈消息
  2. 使用 Coze Agent 搭建反馈处理流水线:
消息接入 → 意图分类(Bug/需求/咨询/投诉)→ 情绪分析 → 优先级评估 → 自动回复或创建工单
  1. 定期将反馈汇总输入 DeepSeek/Kimi 分析,提取 Top 10 改进方向
  2. 将分析结果录入下一轮需求文档更新

输出示例(反馈分析)


环节 11:系统再优化(简单介绍)

注意:本环节 ≠ 系统运维。 环节11是研发闭环的终点——将用户反馈和运行数据转化为下一轮 PRD,重新进入开发迭代。
系统运维(监控告警、日志管理、备份恢复、安全巡检、故障处理)是部署上线后的一条平行保障线,7x24 小时持续运行,不在本报告的研发主流程范围内。
两者的关系:运维保障系统"活着",环节11驱动系统"变好";运维发现的问题可输入环节10(用户反馈收集),进入优化闭环。

基于用户反馈和运行数据,AI 辅助进行数据驱动的持续优化——形成研发闭环。

推荐工具: DeepSeek Trae Coze / Dify WorkBuddy

操作步骤

  1. 将环节10的反馈分析报告 + 系统运行数据(性能指标、错误率、用户行为)输入 AI
  2. AI 综合分析:
「按 ROI 排序优化建议:①P0 缺陷修复 ②性能优化 ③体验优化 ④新功能开发。每项给出预估工作量和技术方案」
  1. 将确认的优化项按优先级录入下一轮 PRD,回到环节1开始新一轮迭代

闭环总结

环节10→11→1→2→... 形成完整的 AI 增强研发闭环。所有环节产出的文档均可被下一环节直接使用。核心工具栈不超过 5-6 个,确保团队不需要在工具间反复切换。

全流程工具矩阵速览

序号环节核心工具流向
01业务需求调研与文档整理DeepSeek + 通义听悟 + Kimi + WorkBuddyPRD → 环节2/3
02开发文档输出DeepSeek + Trae + WorkBuddy开发文档.md → 环节4/5/7/8
03原型设计MasterGo AI / 墨刀 AI / Trae+Skill设计稿/前端代码 → 环节4
04系统开发Trae / ZCode / Claude Code + DeepSeek源代码 → 环节5/6
05系统测试优化Trae / ZCode / Claude + DeepSeek测试报告 + 优化代码 → 环节6
06代码备份与版本管理Trae / ZCode / Claude Code + WorkBuddy(Git MCP)归档 + CHANGELOG → 环节7
07项目代码审查Trae + DeepSeek + 通义灵码审查报告 → 修复 → 环节8
08系统操作手册编写Trae + WorkBuddy / DeepSeek + KimiHTML 手册 → 环节9
09系统部署上线DeepSeek + Trae + 通义千问CI/CD + K8s + 冒烟验证
10用户反馈收集DeepSeek + Kimi + Coze/Dify分析报告 → 环节11
11系统再优化DeepSeek + Coze/Dify优化清单 → 回到环节1

推荐全流程核心工具栈

5 个工具覆盖 11 个环节:

序号工具覆盖环节定位
DeepSeek1/2/4/5/6/7/8/9/10/11通用推理 / 编程 / 文档生成 / 分析

Trae2/3/4/5/6/7/8/9主力 IDE + 多模型切换

WorkBuddy1/2/6/7/8/9/10文档 Skill + MCP 多系统集成 + 文件批处理

MasterGo AI3(输出到4)原型设计 + 设计稿转代码

Coze / Dify10/11Agent 编排 + 监控自动化
这 5 个工具形成了从需求 → 设计 → 开发 → 测试 → 部署 → 反馈 → 优化的完整闭环,避免工具碎片化。