VISUAL EXPLAINER

把关系画清楚，
理解才会发生。

把架构、代码变更、计划和复盘，转成可阅读的视觉解释。
重点是信息结构，而不是把文字装饰成幻灯片。

方法 / STRUCTURE FIRST

先决定「用什么图解释」

盘点来源

提取关键关系、
决策与证据。

映射 →

选择表达

流程用关系图，
比较用表格，
叙事用 slides。

渲染 →

HTML 成稿

语义化内容，
阅读导航与
静态导出。

本章采用官方 slide-deck 模板与 SlideEngine，保留阅读轨道、目录和快捷键。

优先选择

解释复杂工作

  • 技术架构与系统机制
  • 项目复盘与方案对比
  • 代码变更与计划评审

交付边界

HTML 是源稿

  • PPTX 是有限静态转换
  • 不保留实时图表与导航
  • 动态图示适合留在浏览器

github.com/nicobailon/visual-explainer · 2026-09-14