用途:从流程定义 YAML 生成 Mermaid 流程图,直观展示正常路径、错误路径和决策点。
主要能力:读取 .flowchad/flows/{name}.yml 并解析步骤,将每个步骤映射为节点并顺序连接;根据 expect 和 optional 字段添加错误或备选路径。节点形状按动作区分:navigate 用 stadium,fill/select 用平行四边形,click 用矩形,wait 用圆形,hover/scroll 用矩形。边标签方面,带 expect 的步骤产生成功/失败分支,optional: true 产生跳过路径,captcha: true 产生“→ Navvi”委派边。若流程已被走过(存在快照),节点会标注实际耗时;若存在 walk 结果,节点按状态着色:通过默认、失败 fill:#f96,stroke:#c33、慢 fill:#ff9,stroke:#cc6、跳过 fill:#ddd,stroke:#999。
使用方式:执行 /flow-diagram sign-up 生成单个流程,或 /flow-diagram all 生成全部流程。输出为围栏代码块中的 Mermaid 源码,可粘贴到 GitHub、Obsidian、mermaid.live 等渲染器,或使用 mmdc CLI 渲染为 PNG/SVG。指定 all 时还会生成展示流程间连接关系的总览图,连接关系由各流程共享的 URL/页面推导。
限制:资料未提供安装方式、依赖要求、收费信息及平台支持范围;实际效果取决于 YAML 定义与是否存在 walk 快照或结果。