用途：把系统、方案、代码流程、架构、对比、时间线或概念，生成一个可在浏览器打开的单文件 HTML 讲解页；加载该技能后不应退回到 ASCII 图。
主要能力：默认采用“HTML effectiveness”编辑画廊风格，象牙色页面、衬线标题、陶土色点缀、安静卡片网格、简单 SVG 插图和充足留白。核心结构为“讲解弧”：第一屏用一两句白话讲清整体想法和意义，配一个不超过 5 个元素的锚点视觉；随后用 3–6 步走查机制，每步一个想法，配图注说明要点；细节、模式、边界情况、文件路径和配置默认折叠；最后给 2–4 条要点和术语表。
使用方式：先明确受众，再写第一屏句子，然后规划讲解弧，阅读 ./templates/base.html 吸收技术栈与风格，按格式指南选择格式，必要时阅读 ./references/mermaid-tips.md 和 ./references/htm-authoring.md，写入用户指定位置或可写任务目录并在浏览器打开。默认模板用 Preact + htm 通过 ESM CDN 导入，需要网络；离线或完全自包含时改用内联原生 HTML/CSS/JavaScript。
限制：工作界面（提示词/配置调节器、编辑器、审查队列、仪表盘）不适用讲解弧；单独请求的流程图也跳过讲解弧，但图注仍需说明要点。视觉密度预算为每个视觉不超过 7 个主元素，图内文字不小于 13px，等宽字体仅用于代码、标识符和元数据。不得对用户提供的内容使用 innerHTML。交付前需确认无控制台错误、字体正常、无可见实体拼写，并核对所选格式的依赖。