覆盖需求调研、开发文档、原型设计、系统开发、测试优化等 11 个环节的 AI 软件开发全流程指南
本环节将「需求调研」与「文档整理」合为一体——通过持续的 AI 对话进行需求澄清,最终输出一份经过多方评审的、格式标准的结构化需求文档(PRD)。
WorkBuddy DeepSeek 通义千问·听悟 Kimi
阶段 A:需求收集与澄清
阶段 B:结构化文档输出
| 用途 | 推荐格式 | 原因 |
|---|---|---|
| 给 AI 阅读(后续开发文档/代码生成) | Markdown(.md) | AI 解析速度快,消耗 Token 少 |
| 给用户/业务方评审交付 | HTML | 视觉体验优秀,支持导航、表格、折叠等交互 |
将环节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 通义千问
将 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 Design | Trae IDE 内置设计功能 | 自然语言描述生成界面 |
使用 AI 编程 IDE 配合专业设计 Skill,根据开发文档直接输出可运行的前端界面代码。相当于跳过设计稿阶段,直接交付可用的前端模块。
推荐工具组合:
| 组件 | 工具 | 作用 |
|---|---|---|
| 编程 IDE | Trae / Claude Code / ZCode | 作为运行环境和 Agent 调度器 |
| 设计 Skill | ui-ux-pro-max / frontend-design 等 | 提供专业的设计知识库(50+ 风格、161 配色、57 字体配对、UX 规范) |
| 大模型 | DeepSeek / GLM | 代码生成和设计推理 |
| 对比维度 | 方向一:原型文件 | 方向二:前端代码直出 |
|---|---|---|
| 输出产物 | 可交互设计稿(矢量文件) | 可直接运行的前端代码(HTML/CSS/React/Vue) |
| 优点 | ① 修改成本低,拖拽调整直观 ② 非技术人员也能参与评审 ③ 支持复杂交互原型演示 ④ 企业设计系统可约束 AI 产出 | ① 跳过设计→开发的翻译损耗 ② 输出即可用,开发效率最高 ③ 代码可直接进入版本管理 |
| 缺点 | ① 需要人工将设计还原为代码 ② 设计稿与最终实现可能有偏差 ③ 多一道交付环节 | ① 有技术门槛(需选定技术栈、配置项目架构) ② 修改成本高——调整 UI 需重新生成代码 ③ 设计和代码紧耦合,难以单独评审 UI |
| 技术门槛 | ★☆☆☆☆ 低(产品经理可独立完成) | ★★★★☆ 高(需前端开发基础) |
| 何时使用 | ① 需求尚未完全确定,需要频繁调整 UI ② 需要跨部门评审(业务方、设计、开发) ③ 企业有成熟的设计系统需要 AI 遵循 ④ 复杂交互流程需要可视化演示 | ① 需求已明确且稳定 ② 快速构建 MVP 或内部工具 ③ 全栈开发者独立项目 ④ 前端风格已有明确参考且变化不大 |
| 使用人群 | 产品经理、UI/UX 设计师、业务方 | 全栈开发者、前端工程师、技术型 PM |
方向一流程:
方向二流程:
frontend-design 或 ui-ux-pro-max Skill编码实现阶段——AI 价值最大化的环节。但在动手写代码之前,首先理解「为什么要用 AI 编程工具」,以及不同工具带来的本质性变化。
很多人认为 AI 编程 = 传统 IDE + 接个 LLM 做代码补全。但 2026 年的 AI 编程工具已经远远超越了这个范畴,其核心差异体现在四个层面:
| 维度 | 传统 IDE(VS Code / JetBrains) | 传统 IDE + LLM 插件 | AI 原生编程工具 |
|---|---|---|---|
| 代码生成 | 无 | 单次对话补全,需手动复制粘贴 | 多文件协同生成,在项目上下文中自动定位和修改 |
| 任务执行 | 全手动 | 手动描述每步操作 | Agent 自主拆解任务 → 编码 → 调试 → 验证,全流程自动 |
| 上下文 | 仅当前文件 | 当前文件 + 粘贴的代码 | 整个项目仓库 + 开发文档.md + MCP 连接的外部系统 |
| 验证闭环 | 人工运行测试 | 人工运行测试 | 写完后自动生成测试、自动运行、自动修复 |
| 工具生态 | 插件市场(手动配置) | 插件市场 + 手动 API 对接 | MCP 协议即插即用,AI 自主调用 GitHub/Jira/Figma/数据库/Skill生态 |
| 学习成本 | 中(学 IDE 功能) | 高(学 IDE + Prompt 工程 + API 配置) | 低(自然语言驱动,工具自己理解意图) |
| 工具 | 核心定位 | 独特能力 | 最适合场景 |
|---|---|---|---|
| Trae | AI 原生 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 调用;对数据安全有自托管需求 |
无论使用哪种 AI 编程工具,开发环节必须有以下输入:
项目采用前后端分离架构,根据环节3原型来源的不同,采用不同的开发策略:
后端先行的「设计稿→代码」模式:
开发文档.md 中的 API 定义和数据库 DDL 喂给 AI 编程工具,先完成所有后端接口和数据库搭建前后端并行的「快速搭建」模式:
开发文档.md 同步搭建开发文档.md 中的 API 定义为「合约」,各自开发后自动联调验证开发文档.md 作为核心上下文导入开发文档.md 中的 DDL 和 API 定义作为上下文,AI 生成数据模型、接口实现、业务逻辑开发文档.md 保持为 AI 的活跃上下文——它是开发的「唯一真相来源」AI 编程工具已经将这两个环节融为了一体。在 AI 原生开发模式下,测试和优化不再是两个独立步骤,而是一个持续的「生成→测试→修复→优化→再测试」的自循环。
Trae ZCode Claude Code DeepSeek skill
不同 AI 编程工具的测试优化策略有本质差异:
ZCode 的核心差异化策略——每次代码变更后自动触发校验链:
| 优化类型 | 操作方式 | 工具 |
|---|---|---|
| 性能优化 | 将性能日志/监控数据 + 相关代码输入 AI,分析瓶颈;AI 生成优化方案→修改→自动跑 Benchmark 验证 | DeepSeek + Trae/ZCode |
| SQL 优化 | 将慢查询日志 + 表结构输入 AI,获取索引建议和 SQL 重写方案 | DeepSeek |
| 架构优化 | 将现有架构描述输入 AI,从可扩展性、可靠性、可维护性、可运维性四个维度审查并给出改进方案 | DeepSeek / Claude Code |
| 代码重构 | 选中目标代码,自然语言描述重构目标,AI 执行重构后自动运行测试确保行为不变 | Trae / ZCode |
代码备份与版本管理是保障代码资产安全、可追溯的基础设施。主要使用 GitHub / GitLab 作为代码托管平台;内网环境下可直接连接内网部署的 GitLab / Gitea 仓库进行代码的更新、上传和部署。借助 AI 编程工具 + Git 实现自动化备份与版本管理。
推荐工具: Trae ZCode Claude Code DeepSeek WorkBuddy(Git MCP)
不同 AI 编程工具在代码备份和版本管理方面各有特点:
| 对比维度 | Trae | ZCode | Claude 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 可生成完整的备份脚本 |
| CHANGELOG | AI 根据 commit 历史生成 | Agent 自动追踪变更记录,生成结构化 CHANGELOG | AI 分析 git log 生成 CHANGELOG |
| 内网仓库支持 | 配置内网 Git remote 即可 | 配置内网 Git remote,Agent 自动推送 | 终端 git remote 配置,原生支持 |
| 差异化优势 | IDE 集成体验最好,Git 操作可视化 | 改后自动 commit 策略保障代码不丢失,适合长时间开发 | 推理质量最高,commit message 最规范 |
| 适用场景 | 日常开发 + Git 操作 | 大型项目长时间开发,需要自动备份保障 | 需要高质量 commit message + 复杂分支策略 |
除了常规的 Git 版本管理,现代 AI 编程 IDE 普遍内置了比 Git 颗粒度更细的"快照回退"机制——每次 AI 对话/工具调用自动留存代码状态,可以精确回退到任意一次改动之前,不受 Git commit 粒度限制。这是 AI 原生 IDE 相比传统 IDE 的核心安全优势之一。
| 对比维度 | Trae | ZCode | Claude Code | Cursor |
|---|---|---|---|---|
| 功能名称 | Snapshot 快照回退 | 对话式版本管理 / Checkpoint | Checkpointing | Checkpoints |
| 触发机制 | 每次 AI 工具调用(Write/Edit)自动创建快照 | 每轮对话完成后自动创建 Checkpoint | 每个用户提示前自动创建 Checkpoint | Agent 进行重大更改前自动创建 + 用户可手动创建命名快照 |
| 存储方式 | 隐藏 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 双备份使用 |
备份策略:
版本管理(外网环境——GitHub/GitLab):
版本管理(内网环境——内网 GitLab / Gitea):
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放在备份与版本管理之后——代码经过版本管理入库后,再进行结构化审查,确保入库代码的质量底线。AI 代码审查作为人工审查的「第一道防线」,自动发现常见问题。
推荐工具: Trae DeepSeek 通义灵码 WorkBuddy 代码审查skill
开发文档.md 一并输入 AI系统上线前,需要为最终用户准备一份清晰、可操作的使用手册。本环节对比不同文档格式的优劣,并给出技术人员和非技术人员分别如何利用 AI 快速生成一份专业的 HTML 操作手册。
| 对比维度 | HTML | Word (.docx) | |
|---|---|---|---|
| 视觉表现力 | ★★★★★ 极强(CSS 控制一切:导航栏、卡片、折叠、暗色模式、动效) | ★★★★☆ 强(样式丰富但排版易变形) | ★★★☆☆ 中(固定页面,无交互) |
| 交互性 | ★★★★★ 极强(页面内锚点跳转、折叠展开、搜索过滤、Tab 切换、视频嵌入) | ★☆☆☆☆ 极弱(仅目录超链接) | ☆☆☆☆☆ 无交互 |
| 跨平台兼容 | ★★★★★ 浏览器无处不在,无需安装任何软件 | ★★★☆☆ 需 Office/WPS,版本间格式兼容差 | ★★★★★ 查看器免费通用 |
| 内容更新 | ★★★★☆ 方便(单文件覆盖替换,即时生效) | ★★★☆☆ 一般(需重新导出/另存) | ★★☆☆☆ 麻烦(修改源文件后重新导出) |
| 文件体积 | ★★★★☆ 小(纯文本+CSS,通常几十 KB) | ★★★☆☆ 较大(含媒体资源时可达几十 MB) | ★★☆☆☆ 大(固化全部资源) |
| 打印友好 | ★★★☆☆ 一般(需专门写 @media print 样式) | ★★★★★ 优秀(原生打印支持) | ★★★★★ 完美(打印是原生场景) |
| AI 生成难度 | ★★★★☆ 容易(纯文本格式,AI 原生支持,一次输出完整文件) | ★★★☆☆ 中等(需借助 python-pptx/docx 库或专门 Skill) | ★★★☆☆ 中等(同样需转换工具) |
| 适合场景 | 在线帮助中心、内部知识库、交付给用户的操作指南 | 需要打印签字的正式文档、需要多人批注的协作文档 | 正式交付物、合同、标书、需要防止篡改的文档 |
.html 文件即可。这是当前推荐的方式——开发者在 AI 编程工具中,利用已有的项目代码作为上下文,让 AI 生成操作手册。
适用场景: 有项目代码访问权限的开发者
推荐工具: Trae ZCode Claude Code WorkBuddy
操作步骤:
开发文档.md(环节2输出)——系统架构和功能全貌业务人员或产品经理通常没有项目代码访问权限,但同样可以利用 AI 写出一份专业的 HTML 操作手册——关键在于\\准备足够的"素材"\\来弥补无法直接读代码的差距。
适用场景: 没有代码权限的 PM、业务分析师、实施顾问
推荐工具: WorkBuddy DeepSeek Kimi 通义千问
核心策略:用"素材包"替代"代码上下文"
技术人员喂给 AI 的是代码,业务人员喂给 AI 的应该是以下素材:
| 素材类型 | 说明 | 示例 |
|---|---|---|
| 系统截图 | 每个页面的完整截图(PNG/JPG) | 巡检列表页、表单填写页、报告查看页 |
| PRD 文档 | 环节1输出的需求文档(Markdown 格式) | 用户故事、功能列表、业务规则 |
| 菜单位置说明 | 文字描述每个功能从哪里进入 | 「左侧导航栏 → 设备管理 → 巡检任务 → 点击『新建巡检』按钮」 |
| 角色说明 | 哪些角色使用哪些功能 | 「巡检员:扫码、填表、提交;管理员:创建任务、审核报告、导出数据」 |
操作步骤(以 WorkBuddy 为例):
01-登录页面.png、02-巡检列表.png……)| 对比维度 | 方式一:开发者(代码驱动) | 方式二:业务人员(素材驱动) |
|---|---|---|
| 上游输入 | 项目代码 + 开发文档.md | 系统截图 + PRD + 菜单文字描述 |
| 优势 | 内容自动精准(直接读取代码中的路由、字段、校验规则) | 无需代码权限,PM 可独立完成 |
| 劣势 | 需要代码访问权限 | 需手动准备截图素材,操作步骤可能因缺少代码细节而不够精确 |
| 精确度 | ★★★★★(代码即真相) | ★★★☆☆(取决于素材完整度,需人工校对) |
| 推荐人群 | 开发者、技术 PM | 纯业务 PM、实施顾问、运营人员 |
系统名称-操作手册-v版本号.html(如 压缩机巡检系统-操作手册-v1.0.html)AI 生成 CI/CD 配置、Dockerfile、K8s 清单,辅助部署故障排查。
推荐工具: DeepSeek Trae 通义千问 WorkBuddy
开发文档.md 中的部署需求输入 AI,生成完整的部署配置AI 自动化收集、分类、分析用户反馈,将非结构化反馈转化为可执行的需求。
推荐工具: DeepSeek Kimi Coze / Dify WorkBuddy
基于用户反馈和运行数据,AI 辅助进行数据驱动的持续优化——形成研发闭环。
推荐工具: DeepSeek Trae Coze / Dify WorkBuddy
| 序号 | 环节 | 核心工具 | 流向 |
|---|---|---|---|
| 01 | 业务需求调研与文档整理 | DeepSeek + 通义听悟 + Kimi + WorkBuddy | PRD → 环节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 + Kimi | HTML 手册 → 环节9 |
| 09 | 系统部署上线 | DeepSeek + Trae + 通义千问 | CI/CD + K8s + 冒烟验证 |
| 10 | 用户反馈收集 | DeepSeek + Kimi + Coze/Dify | 分析报告 → 环节11 |
| 11 | 系统再优化 | DeepSeek + Coze/Dify | 优化清单 → 回到环节1 |
5 个工具覆盖 11 个环节:
| 序号 | 工具 | 覆盖环节 | 定位 |
|---|---|---|---|
| ① | DeepSeek | 1/2/4/5/6/7/8/9/10/11 | 通用推理 / 编程 / 文档生成 / 分析 |
② | Trae | 2/3/4/5/6/7/8/9 | 主力 IDE + 多模型切换 |
③ | WorkBuddy | 1/2/6/7/8/9/10 | 文档 Skill + MCP 多系统集成 + 文件批处理 |
④ | MasterGo AI | 3(输出到4) | 原型设计 + 设计稿转代码 |
⑤ | Coze / Dify | 10/11 | Agent 编排 + 监控自动化 |