用途：在对话中帮助用户以视觉方式理解当前主题，保持文字简短，只挑选能让关键点清晰的最小视图，避免信息过载。
主要能力（按主题选择合适的表达形式）： 用伪代码展示逻辑或算法；用调用树展示运行时控制流；用组件树展示 UI 结构，并标出相关状态与模块边界；用浅层文件树说明文件职责或较大重构；用 Mermaid（如 sequenceDiagram）展示组件交互、控制流或数据流；当重点只是“改变了什么”且原有结构已存在时，用 diff 表达，diff 的形态与主题匹配（组件变更、文件布局变更、调用树变更、状态或控制流变更）。当大部分内容都是新的、省略上下文会掩盖归属或顺序、或用户需要可复制的目标形态时，展示完整代码块。
视觉产出：对于 UI、布局、状态对比或过于密集难以用 Mermaid 表达的概念，写一个聚焦的 HTML 文件——图示、信息图或短幻灯组；匹配产品的颜色、字体、间距与组件，使用真实标签和数据，支持桌面与移动端，然后为用户打开： Bash(open path/to/show-me-{description}.html)
使用方式与限制：把每个视觉产物放在它所支撑的简短文字旁边；只保留回答当前问题或解决当前讨论点所需的调用、文件、props、状态与边界。可以选用一种或多种形式，但通常不会全部用到，需自行判断以免让用户不堪重负。只提供技能本身，未提供具体安装命令、平台支持、收费或价格等信息。