用途：Visualisation 技能的目标是用图形化、可交互的 HTML 报告取代大段文字说明，让读者快速理解复杂信息。适用于架构与系统设计、数据流管道、文档摘要、时间线、方案对比、代码讲解、概念解释、ERD、决策树、指标报告、代码库地图、调试追踪、影响分析、上手引导、事故时间线、迁移方案、依赖图、知识图谱、配置对比、API 清单等内容。
主要能力：根据内容类型选择合适视觉形式，如图节点连线、方向流、卡片层级、时间线、并排对比、评分矩阵、逐步骤讲解、分层揭示、实体关系、分支树、图表加指标卡等；渲染上以 SVG 处理连线箭头，以 HTML/CSS 网格与弹性布局处理卡片、时间线和仪表盘。交互模式包括渐进披露、悬停提示、分步动画、筛选高亮与目录导航，强调交互服务于理解而非装饰。
使用方式：在明确说“visualise this”“diagram this”“create a report”等触发词时直接使用；也可在完成复杂文字解释后询问用户是否需要可视化。输出为单个自包含 HTML 文件，CSS 与 JS 全部内联，无外部依赖、可离线使用和分享。默认保存到 /tmp/，命名格式为 /tmp/viz_<描述性主题><YYYYMMDD_HHMMSS>.html，时间戳可用 date +"%Y%m%d%H%M%S" 获取。写入后用 open 命令在浏览器中打开文件，并告知用户路径；用户要求修改时编辑已有文件而非新建。
设计约定：包含主题切换（默认跟随系统偏好，可手动切换并持久化到 localStorage）、打印样式，以及用 CSS 自定义属性定义明暗两套调色板；排版使用系统字体和等宽字体，间距以 4px 为基础单位。
限制与不适用：当简短文字足够、用户想要代码而非解释、用 Mermaid 图更合适（改用 mermaid 技能）、或需要交互配置工具（改用 playground 技能）时不应使用。需避免一次性展示全部内容、无意义动画、外部依赖、暗色模式不可读、缺少导航、卡片内文字过多、样式不一致与过度设计。资料未提供具体安装命令、收费、价格、平台或效果数据。