用途：把一个仓库、规格说明、PR、架构或概念，做成面向人的 HTML 可视化讲解页。判断标准是读者看完后能把想法复述出来；如果读者讲不出来，或者文字重叠、裁切、溢出，就算失败。
主要能力：按四步流程产出。先理解，读来源材料，确定受众、核心想法、组成部件、决策与取舍，以及读者应记住的内容；讲解须基于来源事实，优先用具体名称、路径、命令、接口、示例和实际行为，默认面向聪明初学者，先用平实语言或图示解释术语再用。再列大纲，先写教学路径：读者应理解什么、按什么顺序讲、哪些想法需要配图、哪些可省略、哪些来源事实支撑。默认路径为核心结论、旧做法为何失效、新心智模型、它如何运作、一个具体例子、下一步该做什么。然后构建，做响应式 HTML 讲解页，用 Tailwind CSS 通过 CDN 处理布局与响应式，自定义 CSS 只用于字体、主题变量、图表和小幅微调；桌面用类似幻灯片的区块，移动端用自然堆叠的可读区块，不保留固定 16:9 画框。最后验证，完成前运行 browser-verify，检查桌面与移动端视口，修复溢出、重叠、文字裁切、比例不可读、间距拥挤和响应式布局损坏。
风格与要点：字体为 Bricolage Grotesque（正文与界面）和 Instrument Serif（展示）；配色为暖纸背景、深墨、克制的铁锈色强调、次要的柔和青色。标题克制，优先 md:text-7xl，标题很短时才用 lg:text-9xl；内容多就拆分，而不是硬塞。移动端用自然高度区块、单列网格、紧凑展示字体，图表不喧宾夺主。SVG 图表中文字需用 text-anchor、dominant-baseline、明确字号和足够内边距，保证居中、对齐且不出边框。规则包括：解释而非装饰，先教再总结，首屏用平实语言说出核心结论，至少展示一个前后/问题解决/模糊清晰/隐藏可见的转变，给出一个可复用心智模型和一个来自来源材料的具体例子，结尾给出下一步行动；不要在内容容器上使用 overflow: hidden 掩盖布局问题。官方文档未提供安装命令、价格或平台信息，暂未提供。