interactive-flow-diagram

该技能用于把用户流程整理成可交互的独立 HTML 流程图，基于 D3.js 渲染。使用时需完整复制资料中的 HTML 模板，只修改 flowData 的 title、nodes[] 和 edges[]，不要改动渲染代码或增删阶段与层级。节点类型包括 start（深色入口，仅一个）、end（黄色终点，可多个）、process（蓝色默认步骤）、decision（菱形系统判断）、user-decision（圆形用户选择）、error（红色错误）、confirmation（绿色成功）、alt-flow（紫色备选路径）以及 note（黄色注释，不属于流程）。连线默认灰色，主路径绿色实线，错误路径红色虚线，箭头由 SVG marker 绘制。布局从左到右，主路径居中，错误向下、备选向上，水平与垂直间距均为 160px。输入可以是 Markdown、列表、Mermaid 或口头描述，需解析出每步的类型、连接关系、标签以及主路径与错误/备选分支。输出为单文件 HTML，带顶部标题与缩放控制、节点点击侧栏，画布背景为 #FAF8F5。限制：资料未提供安装命令、收费、价格、评分或性能数据；使用时应保持模板结构不变。