用途:帮助用户以可视化方式理解当前对话话题,跳过前言、保持文字简短,选择能说明关键点的最小视图。
主要能力:可用伪代码展示逻辑或算法;用调用树展示运行时控制流;用组件树展示 UI 结构(含状态与模块边界);用浅层文件树展示文件职责或重构;用 Mermaid 展示组件交互、控制流或数据流;用 diff 展示变更,并按主题匹配 diff 形态(组件变更、文件布局变更、调用树变更、状态或控制流变更);当大部分内容为新内容、省略上下文会隐藏归属或顺序、或用户需要可复制的目标形态时,展示完整代码块。
HTML 产物:对于视觉 UI、布局、状态对比或 Mermaid 难以表达的概念,可写一个聚焦的 HTML 文件(图表、信息图或短幻灯片),匹配产品配色、字体、间距与组件,使用真实标签和数据,支持桌面与移动端,然后打开:Bash(open path/to/show-me-{description}.html)。
使用方式:将每个可视化放在其支持的简短文字旁边,只保留回答当前问题或解决当前讨论点所需的调用、文件、props、状态和边界。
限制:可使用其中一种或多种方式,但不太可能全部使用,需自行判断,避免让用户不堪重负。资料未提供收费、价格、平台等更多信息。