Files
.pouch/skills/draw-prototype-flow

draw-prototype-flow

把产品想法或需求文档画成一份可编辑的 Draw.io 低保真原型,并同步表达用户动线、页面状态、角色权限和关键规则。

什么时候使用

  • 想从零梳理 Web、移动端或后台系统的页面原型与用户流程。
  • 已有 .drawio 原型,希望补齐跳转、异常态、权限或规则说明。
  • 需要一张能用于产品评审、开发对齐和测试设计的产品说明板。

使用前准备

最好提供产品目标、目标用户、核心任务和已有需求材料。缺少细节时,Agent 会先列出必要假设;只有关键范围无法判断时才会询问。

可以指定「快速 / 标准 / 完整」档位;不指定时默认按产品评审所需的标准档交付。

使用示例

请用 draw-prototype-flow 为一个企业访客预约系统画低保真原型和用户动线。
覆盖访客申请、员工审批、前台核验,以及驳回、过期和无权限状态,输出 editable.drawio。
检查 current.drawio,把所有主按钮的去向、审批状态和错误恢复路径补完整,并保持现有视觉风格。

Agent 会做什么

  1. 整理角色、页面、动作、状态和规则。
  2. 绘制可编辑页面、关键状态和带标签的用户动线。
  3. 补充页面索引、权限矩阵或字段规则等必要规格。
  4. 校验 Draw.io 结构与跨图引用,并说明假设和未决项。

如何判断完成

最终会得到可在 diagrams.net/Draw.io 打开的 .drawio 源文件。核心任务应能从入口走到结果,每个关键按钮有明确去向,异常状态有恢复动作,原型、动线和规格使用同一套页面与状态 ID。