以 skill 自身的术语
生成一个横向滑动的网页幻灯片集，作为单个自包含的 HTML 文件，具备 WebGL 主视觉背景、演讲者视图、观众屏幕同步、演讲备注、章节分隔页、大数字数据页和图片网格。两种互斥的视觉方向：A，电子杂志 x 电子墨水风格（衬线标题、流体背景、暖色调）；B，瑞士国际主义风格（全无衬线、12 栏网格、网格点背景，从 IKB、柠檬黄、柠檬绿或安全橙中选取一种高对比强调色）。
风格 B 的正文页必须使用 22 种已注册布局之一，S01-S22，并以 data-layout 标记。适用于希望一次性完成幻灯片、无需借助其他演示工具的设计师和开发者，用于制作演讲、发布会和演示日的内容。
它产出什么
- 一个横向翻页的单文件 HTML 幻灯片集，作为一个自包含文档交付，CSS、WebGL 着色器、翻页 JS 和演讲者模式均已接入完毕。
- 一个按幻灯片 data-slide-id 值相同顺序生成的 SPEAKER_NOTES 记录，包含目的、讲述内容、过渡以及可选的场面调度字段。
- 大纲，作为 markdown 文件保存在幻灯片集旁边，供后续迭代使用。
工作方式
- 01先检查上游是否有更新
该 skill 会拉取仓库并计算 HEAD 落后上游多少个提交，然后在拉取任何内容之前询问用户。
- 02写作前先就七个问题达成一致
首先确定风格 A 或 B，然后是受众与场合、时长、素材来源、图片或截图、主题配色以及硬性限制。
- 03复制所选模板
将 assets/template.html（风格 A）或 assets/template-swiss.html（风格 B）复制到幻灯片集所在位置，并创建同级的 images 文件夹。
- 04预检类名
在编写任何幻灯片标记之前先阅读模板的样式区块，并核实所用的每个类都在其中定义。
- 05在选择布局前先规划主题节奏
先写出每一页的主题类（hero dark、hero light、light、dark），对齐之后再选择布局。
- 06对照检查清单自查
生成完成后，打开 references/checklist.md 并逐项过一遍，然后运行验证器和浏览器预览。