# Plan-Code-Verify 工作流 (/zh-CN/docs/verdent-for-vscode/core-features/plan-code-verify-loop)

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



### 你将学到 [#你将学到]

* 什么是 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>