Files
.pouch/skills/draw-prototype-flow/README.md
T
laily c2d6a5a0d7 feat(deployer): skip sync on localhost and complete skill READMEs
Redeploy locally with docker compose when the node is 127.0.0.1 and
the image already exists. Make list/sync/remote/deb importable under
python3 -I -S. Add human README.md for every builtin skill, slim ack's
user-facing docs, and drop unused OpenSpec config.
2026-09-04 00:07:15 +08:00

1.9 KiB

draw-prototype-flow

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

什么时候使用

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

安装

pouch add draw-prototype-flow          # 当前项目
pouch add draw-prototype-flow -g       # 全局

使用前准备

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

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

使用示例

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

Agent 会做什么

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

如何判断完成

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