---
title: "Plan-Code-Verify 工作流"
description: "Plan-Code-Verify 工作流通过多种输入方式，对需求、实现和验证提供精确的控制。"
---

###  你将学到

- 什么是 Plan-Code-Verify 工作流
- 多模态规格说明方法（自然语言、可视化、交互式）

---

## **Plan-Code-Verify** 工作流

整合了 Verdent 工作流的全部三个阶段：

**Plan（规划）：** 通过清晰、可视化的逻辑图和规划规则厘清需求并设计方案。你可以通过自然语言、UI 原型图或交互式演示来表达规格说明。

**Code（编码）：** 轻松地审查、重构和改进你的代码，每次都交付清晰的结果。多模态输入确保实现精确匹配需求。

**Verify（验证）：** 借助验证子智能体和浏览器工具尽早发现问题，获得可靠的结果。

**Plan-Code-Verify 工作流的运作方式：**

<Steps>
  <Step title="规划规则">
    - 选择内置角色模板（前端、测试、产品经理）
    - 创建符合你思维方式和工作习惯的自定义规划规则
  </Step>
  <Step title="规划预览">
    - 通过规划评审厘清计划的结构和内容
    - 在规划评审中与 AI 对齐后，点击“生成计划”以创建详细的计划内容
  </Step>
  <Step title="规划设计">
    详细的规格说明，包括：

    - 系统架构图
    - 组件结构与关系
    - 数据模型与 API 契约
    - 带可视化原型图的 UI/UX 规格说明
    - 技术栈选型论证
  </Step>
  <Step title="任务拆解">
    带有依赖关系和优先级的分层列表，用于组织实现工作流

    - 实时展示任务进度
    - 完成后总结其完成状态
  </Step>
  <Step title="差异摘要">
    审查代码变更与代码审查子智能体

    - 变更定位 —— 列出所有修改过的文件及其代码变更
    - 逻辑总结 —— 用自然语言解释改了什么以及为什么改
    - 影响分析 —— 突出对文档、API 和依赖代码的下游影响
  </Step>
  <Step title="尽早验证">
    - 可配置的自动化验证
    - 借助子智能体和浏览器工具进行验证
  </Step>
</Steps>

## 多模态规格说明

支持多种方式来表达你的需求：

<Tabs>
  <Tab title="自然语言">
    用自然语言表达需求、约束和验收标准：

    - 对技术和业务需求的丰富上下文理解
    - 支持复杂、多层次的规格说明
    - 用于需求定义的自然对话流程
  </Tab>
  <Tab title="可视化需求">
    上传 UI 原型图、设计截图或参考实现：

    - 从可视化规格说明实现像素级的精准还原
    - 支持多种图片格式以进行设计沟通
    - 为 UI/UX 实现提供可视化上下文
  </Tab>
  <Tab title="交互式演示">
    分享可运行的示例或原型：

    - 传达行为和用户体验预期
    - 演示复杂的交互和工作流
    - 用实时示例更清晰地沟通需求
  </Tab>
</Tabs>

这种多模态方式确保复杂需求（尤其是 UI/UX 规格说明）被准确捕捉，避免歧义。

---

## 另请参阅

<CardGroup cols={3}>
  <Card title="专业规划" icon="diagram-project" href="/docs/verdent-for-vscode/core-features/professional-plan">
    将想法转化为实现计划
  </Card>
  <Card title="代码差异" icon="code-compare" href="/docs/verdent-for-vscode/core-features/code-diff">
    企业级代码审查工作流
  </Card>
</CardGroup>