01 功能说明
一份屏幕级流程图指南，涵盖标准元素、触发条件标签、系统注释和恢复分支。
User Flow Diagram 在屏幕和操作层面梳理用户如何在产品中移动。它区分入口点、屏幕、决策、用户操作、后台流程和终点，使图表既能表达路径，也能说明每次转换的触发原因。
来源建议先绘制成功路径，再添加分支、错误、恢复和退出点。这样的顺序既能保持流程清晰，又不会把失败情况当作事后补充。它还区分了线性任务流程、分支式用户流程，以及带有屏幕缩略图的线框流程。
预期交付物
明确完成的含义以及用户可以从哪里开始。
先使用一致的符号绘制屏幕和操作，再添加分支。
标注条件、系统事件、延迟、错误和退出点，说明每个箭头存在的原因。
02 适用场景
来源未要求使用任何绘图应用程序；所选输出格式必须保留清晰的符号表示。
03 关键决策
带标签的连接线能让流程具备可执行性；没有标签的线会隐藏实现所需的触发条件。
拆分不相关的目标，可避免一张图变成难以阅读的整个产品地图。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
按照仓库中记录的安装方式操作，并保留所有提及的配套文件。此条目描述的是一种聚焦的设计方法，而非可执行应用程序。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/prototyping-testing/skills/user-flow-diagram/SKILL.md来源未要求使用任何绘图应用程序；所选输出格式必须保留清晰的符号表示。
运行该技能前，请调整此任务说明中的范围、来源材料和约束。
使用 user-flow-diagram 绘制邀请团队成员加入工作区的流程。包括从设置页面和空团队屏幕进入、已有账户和新账户分支、邀请过期以及权限错误。标注每条连接线，并区分用户操作与后台电子邮件投递。根据以下可观察的标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
9a6930cf84a8一份屏幕级流程图指南，涵盖标准元素、触发条件标签、系统注释和恢复分支。
由 OpenDesign 根据链接来源撰写的原创摘要。仓库星标数是带日期的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/prototyping-testing/skills/user-flow-diagram/SKILL.md