桑基流向图(可交互视图)
触发场景(何时用我)
- 桑基图 / 流向图 / 流量图
- 资金流向、用户流转、物流链路
- 转化路径、渠道归因可视化
- sankey 可视化
工作流程(照做)
- 确认关系:让用户给「源节点→目标节点→流量值」三列数据(如 曝光→点击→下单→复购)。
- 校验:节点名不重复、流量非负;环(A→B→A)桑基不支持,提示用户打断。
- 生成单文件 HTML:用 ECharts 5(CDN)写自包含 .html,桑基系列带 tooltip/拖拽缩放,配色区分主干。
- 保存交付:输出路径,浏览器打开交互。
- 不编造:只用用户给的流量,未提供的链路不臆造。
注意事项
- 支持多级节点链路
- hover 显示该边流量
- 可导出图片
红线(禁止)
- 禁止构造环路数据(桑基不支持)
- 禁止编造流量
- 禁止连数据库
适用边界
仅可视化用户提供的「节点-流量」关系;不做路径预测、不接实时日志。
跨平台安装与运行
本 Skill 为纯规则 / 前端模板型,不绑定任何平台独占工具,可在以下客户端直接安装使用:
- WorkBuddy:复制
V1.0.0/全部文件到~/.workbuddy/skills/桑基流向图(可交互视图)/ - Claude:复制到
~/.claude/skills/桑基流向图(可交互视图)/ - Cursor:复制到
~/.cursor/skills/桑基流向图(可交互视图)/ - Codex / Windsurf / Gemini / Copilot / OpenClaw:复制到对应
skills/目录
安装后通过自然语言触发(见上方触发场景)。BI 类生成单文件 HTML(ECharts CDN),双击在浏览器打开即可交互;地图类生成自包含 HTML 地图(需联网 + 高德 Key)。
红蓝对抗结论(已固化)
见同目录 RACE_REPORT.md(红军主干 + 蓝军 6 类挑刺 + 优化落点 + 四维评分 + 新用户测试结论)。
微信扫一扫