Visual Explainer
把架构、流程与数据关系变成可读的视觉说明
作品来源逐图标注 · 四幅效果图 · 01 / 03
CAPABILITIES / 实际功能与边界
复杂关系可视化 · 网页与演示双用途
架构图与流程图
节点、箭头与分组解释系统中的职责关系。
数据表与对照布局
对齐字段，逐项比较差异与选用条件。
HTML演示引擎
同一固定舞台在浏览器中翻页演示。
Mermaid集成路线
可调用Mermaid；本次关系图用HTML/CSS实现。
本次真实关系图：从输入到解释
事实输入→关系建模→图与文字→演示输出
具体对象：本次三页源稿；功能流程示意，不代表性能测试。
边界① 并非专用原生图表编辑器 ② 截图PPTX不保留交互
功能依据官方 SKILL / README · 02 / 03
DELIVERY / 固定口径
输出格式与编辑能力
| 输入格式 | 自然语言 / Markdown / 图片 |
| 输出格式 | HTML + 整页图片PPTX |
| 原生文字 | 不支持 · 当前PPTX为整页图 |
| 原生形状 | 不支持 · 当前PPTX为整页图 |
| 原生图表/数据 | 未验证 · 不把图表图片算原生 |
| 图片 | 支持 · 整页图片可替换 |
| 母版/品牌 | 部分支持 · HTML/CSS品牌；母版未验证 |
| 修改方式 | 修改HTML/CSS，再重新截图 |
| 运行依赖 | 现代浏览器；静态资源 |
nicobailon/visual-explainer · 03 / 03