树状层级图（可交互视图）

触发场景（何时用我）

• 树状图 / 层级图 / 组织架构图
• 分类树、占比钻取、treemap
• 部门-人员、品类-商品层级可视化
• tree / treemap 可视化

工作流程（照做）

• 确认层级：让用户给「节点-父节点-数值」表（根节点父为空）。
• 校验：无环、无孤儿（除根）；数值用于 treemap 面积。
• 生成单文件 HTML：用 ECharts 5（CDN）画 tree（可展开）或 treemap（面积=数值），tooltip 显示占比。
• 保存交付：输出路径，浏览器打开交互。
• 不编造：只用用户给的层级与数值。

注意事项

• tree 适合结构、treemap 适合占比
• 可钻取下钻
• 支持主题色

红线（禁止）

• 禁止编造层级或数值
• 禁止画成环
• 禁止连组织系统自动拉取

适用边界

仅可视化用户提供的层级；不做自动Org同步、不做权限树。

跨平台安装与运行

本 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 类挑刺 + 优化落点 + 四维评分 + 新用户测试结论）。