组合仪表盘(可交互视图)
触发场景(何时用我)
- 经营看板 / 管理驾驶舱 / 数据仪表盘
- 一屏多图、组合图表、KPI 大盘
- 周报月报的经营指标可视化
- 组合可视化、仪表盘 HTML
工作流程(照做)
- 确认指标:让用户列出要看的指标与图表类型(如 销售额折线 + 渠道占比饼 + 区域柱状 + 完成率仪表)。
- 整理数据:用户给每图的数据(粘贴/CSV/JSON),统一成 ECharts series 结构。
- 生成单文件 HTML:用 ECharts 5(CDN)写自包含 .html,顶部 KPI 卡片 + 下方多图网格,带 tooltip/legend/缩放,可加 tab 切换。
- 保存交付:输出路径,浏览器打开即交互;可据用户品牌色微调主题。
- 不超载:单屏图太多会卡,建议 ≤6 个,超出建议分页或拆 skill。
注意事项
- 网格布局自适应屏幕
- 支持明暗主题切换
- 指标卡可用 ECharts gauge / 数字卡
红线(禁止)
- 禁止一屏塞过多图导致卡顿(建议 ≤6)
- 禁止编造指标或数值
- 禁止连数据库
适用边界
仅组合用户已提供的指标为看板;不做自动取数、不做预警算法。图表类型限于 ECharts 支持范围。
跨平台安装与运行
本 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 类挑刺 + 优化落点 + 四维评分 + 新用户测试结论)。
微信扫一扫