Design Agent · purchase-design-agent
PRD + UIH
PRD + UIH
→ 高保真 HTML 设计稿
双 Agent 架构：Design Agent 负责生成，Review Agent 负责 37 项结构化审查。 校验失败精确指令重做，最多 2 次自动重试，第 3 次仍不过则触发熔断、等待人工介入。
需求校验
6项
设计推导
5步
审查项
37条
自动重试
≤2次
01 / Flow
执行流程
触发 / 输入
执行阶段
判断分支
打回 / 熔断
完成 / 输出
PM Agent · 前置
提供 PRD + UIH 需求文档
Design Agent · 触发
接收 PRD + UIH
PRD 业务目标 · 验收标准 + UIH 文案 · 视觉方向
阶段 1 · 校验
需求完整性校验
业务目标 / 触发场景 / 目标用户 / 核心内容 / 操作路径 / 交付形式
校验通过？6 项必填
不通过 ✕
通过 ✓
输出缺失项
打回 PM Agent
打回 PM Agent
阶段 2 · 推导
需求类型 + 五步设计推导
营销/非营销 → 设计目标 → 视觉策略 → 具体决策 → 张力确认
→ 推导日志写入
HTML 顶部注释
HTML 顶部注释
阶段 3 · 生成
生成 HTML 设计稿
静态多状态 · 多语言 · Token 变量 · 自检
→ checklist + 张力检查
输出
保存 + 上传 Google Drive
本地保存 → 上传 Drive → 输出分享链接
▼ 自动触发 Review Agent ▼
REVIEW AGENT · purchase-design-review-agent
输入
接收 HTML 输出 + PRD
Design Agent 的 HTML + 原始需求文档
审查
37 项结构化审查
Token(7) · 组件(4) · 无障碍(3) · 响应式(3) · 多状态(3) · PRD 覆盖(12) · 前置(4) · 交付(2)
审查通过？37 / 37
✅ PASSED
生成评审包
预览页 + 评审单 · 上传 Drive · 通知设计师
PASSED
❌ FAILED · 退回
精确修改指令
位置 → 现状 → 修改为（最多 2 次自动重试）
FAILED
🔴 第 3 次仍不过
触发熔断
停止自动重试 · 等待人工介入
第 3 次
02 / Reasoning
五步设计推导
Step 1
营销 / 非营销
需求类型判断
Step 2
设计目标
价值主张
Step 3
视觉策略
张力 · 层级
Step 4
具体决策
组件 · 布局
Step 5
张力确认 · 落地
写入 HTML 顶部注释
03 / Checklist
37 项审查分布
Token
7 项
颜色 / 字号 / 间距 / 圆角 / 阴影是否全部走 token 变量。
组件
4 项
基础组件优先复用 · 命名规范 · API 一致性。
无障碍
3 项
对比度 · 焦点态 · 语义标签。
响应式
3 项
栅格 · 断点 · 极端宽窄适配。
多状态
3 项
空 · 加载 · 错误状态完整。
PRD 覆盖
12 项
业务目标 · 流程 · 边界 case 100% 落到设计稿。
前置
4 项
PRD/UIH 是否齐备、推导日志是否写入。
交付
2 项
Drive 上传成功 + 分享链接可访问。