show-me 是一个用于帮助用户以可视化方式理解当前对话主题的技能扩展。它的核心做法是跳过开场白、保持文字简短，并针对当前问题选择最小的、足以说明关键点的视图。
用途 用于把对话中的抽象逻辑、代码结构、运行时行为、UI 组织、文件职责、数据流或变更内容，转化为易于理解的图示和草图。
主要能力
- 用伪代码展示逻辑或算法。
- 用调用树展示运行时控制流。
- 用组件树展示 UI 结构，并标出重要的状态和模块边界。
- 用浅层文件树展示文件职责或大范围重构。
- 用 Mermaid 展示组件交互、控制流或数据流。
- 当重点在于“改了什么”且周围结构已存在时，使用 diff，并按主题选择合适的 diff 形态，例如组件变更、文件布局变更、调用树或调用栈变更、状态或控制流变更。
- 当大部分内容都是新的、省略上下文会隐藏归属或顺序、或用户需要可复制的目标结构时，展示完整代码块。
- 对于视觉 UI、布局、状态对比或 Mermaid 难以表达的概念，创建一个聚焦的 HTML 制品，匹配产品的颜色、字体、间距和组件，使用真实标签与数据，支持桌面和移动端，保存在工作区并返回宿主支持的可点击链接或预览。
使用方式 在对话中根据当前主题选择上述一种或多种视图，将每个可视化放在它所支持的简短文字旁边。只保留回答用户当前问题所需的调用、文件、属性、状态和边界。创建 HTML 制品时，遵循仓库的制品位置和分享规则；未经许可不得将私有内容发布到外部服务。
适用场景 适合解释代码逻辑、算法流程、运行时调用关系、UI 组件结构、项目文件组织、组件交互与数据流，以及展示针对现有结构的变更。
限制 资料未说明该技能的具体运行环境、安装方式、支持的宿主平台范围、性能或兼容性限制；HTML 制品的预览能力取决于宿主支持。