draw-prototype-flow
把产品想法或需求文档画成一份可编辑的 Draw.io 低保真原型,并同步表达用户动线、页面状态、角色权限和关键规则。
什么时候使用
- 想从零梳理 Web、移动端或后台系统的页面原型与用户流程。
- 已有
.drawio原型,希望补齐跳转、异常态、权限或规则说明。 - 需要一张能用于产品评审、开发对齐和测试设计的产品说明板。
使用前准备
最好提供产品目标、目标用户、核心任务和已有需求材料。缺少细节时,Agent 会先列出必要假设;只有关键范围无法判断时才会询问。
可以指定「快速 / 标准 / 完整」档位;不指定时默认按产品评审所需的标准档交付。
使用示例
请用 draw-prototype-flow 为一个企业访客预约系统画低保真原型和用户动线。
覆盖访客申请、员工审批、前台核验,以及驳回、过期和无权限状态,输出 editable.drawio。
检查 current.drawio,把所有主按钮的去向、审批状态和错误恢复路径补完整,并保持现有视觉风格。
Agent 会做什么
- 整理角色、页面、动作、状态和规则。
- 绘制可编辑页面、关键状态和带标签的用户动线。
- 补充页面索引、权限矩阵或字段规则等必要规格。
- 校验 Draw.io 结构与跨图引用,并说明假设和未决项。
如何判断完成
最终会得到可在 diagrams.net/Draw.io 打开的 .drawio 源文件。核心任务应能从入口走到结果,每个关键按钮有明确去向,异常状态有恢复动作,原型、动线和规格使用同一套页面与状态 ID。