各阶段 AI 工具详解
每个阶段都有「概念解释」和「交付物说明」,点击展开了解这个阶段在做什么、为什么重要、以及最终产出是什么。 根据你的学习路径选择,推荐的工具会被高亮显示。
需求阶段
Requirement Specification将模糊的业务需求转化为清晰、可执行、机器可读的规范文档
Prompt-Driven
对话驱动的需求梳理方式。通过与AI进行多轮对话,逐步澄清需求、拆解功能、生成文档。就像和一个经验丰富的产品经理头脑风暴。
通过对话式交互快速澄清需求、拆解功能、生成用户故事和PRD文档。适合早期探索和快速验证想法。
Spec-Driven
规范驱动的开发方式。先写Spec(规范文档),再基于Spec生成代码。Spec是一种结构化的、机器可读的需求描述,包含功能定义、验收标准、技术约束等。核心理念是「文档先行」,让Spec成为人和AI的共同真理来源。
将自然语言转成结构化Spec,流程:定义需求 → 生成技术方案 → 分解任务。Spec可直接被AI编码工具执行,支持版本控制。
架构设计阶段
Architecture Design用 AI 协同生成整体架构草图,技术选型建议和设计约束
AI对话推理
通过与AI对话,描述需求和约束条件,让AI推导出合适的架构方案。可以进行多轮讨论,比较不同方案的优劣。
用对话方式生成架构方案、技术选型建议、权衡分析。可以输入需求规范,让AI推导合适的架构选择。
UI/前端设计阶段
UI/UX Design从规格说明生成 UI 原型与可运行的前端代码
Text → Code
从文字描述直接生成可运行的前端代码。描述你想要的界面,AI生成完整的React/Vue组件,包含样式和交互。
从文字描述直接生成完整的前端代码。生成的代码包含样式和组件库,可直接运行和部署。
Design → Code
将设计稿(Figma等)转换为前端代码。适合有设计师参与的团队,确保代码还原设计稿的效果。
将Figma设计稿转换为React代码。保持设计还原度,支持组件映射和设计系统集成。
编码实现阶段
Coding & Implementation核心阶段将 Spec/Tasks/Plans 转化为高质量的生产代码
AI-First IDE
专为AI辅助开发设计的编辑器。AI深度理解整个项目上下文,支持跨文件重构、自然语言编辑、自动任务执行。
基于VS Code的AI-First编辑器,深度理解整个项目上下文。支持Cmd+K快速编辑、多文件重构、Agent自动执行任务。
Copilot-Style
作为IDE插件运行的AI助手,提供智能代码补全和对话功能。无需切换编辑器,自然融入现有工作流。
最流行的AI编码助手,提供智能代码补全、函数生成、对话。深度集成各种IDE,企业支持完善。
Terminal Agent
基于命令行的AI编码代理,可以读取文件、执行命令、运行测试、自主完成复杂任务。适合偏好终端工作流的开发者。
基于终端的AI编码代理,可以读取文件、执行命令、运行测试。适合偏好命令行工作流的开发者。
测试阶段
Testing & QAAI 驱动的自动化测试覆盖与质量保障
即时测试生成
选中代码,让AI快速生成单元测试。利用IDE内置的AI功能,几秒钟生成覆盖常见场景的测试用例。
选中代码,让AI快速生成单元测试。支持多种测试框架(Jest、Vitest、Pytest等)。
部署运维阶段
Deploy & Operations从配置地狱到 AI 辅助的零运维部署
零配置部署
Git push即部署的现代化平台。自动检测框架、配置构建、部署到全球边缘网络。每个PR自动生成预览环境。
Git push即部署,自动HTTPS、边缘网络、预览环境。对Next.js项目有最佳支持,也支持其他框架。
全栈平台
支持数据库、后端服务、定时任务的全栈部署平台。比纯前端平台更适合需要后端基础设施的项目。
支持数据库、后端服务、定时任务的全栈部署平台。比Vercel更适合需要后端基础设施的项目。
企业级云服务
AWS/GCP/Azure等大型云平台,提供完整的云基础设施。适合企业级应用和有特殊合规需求的项目。
AWS/GCP/Azure等大型云平台,提供完整的云基础设施。适合企业级应用和有特殊合规需求的项目。