用途
html-presentation 是用于生成单文件 HTML 演示文稿的技能，遵循 ARIA v1.0 设计体系。资料未提供该技能的安装方式或调用命令，暂未提供。
主要能力
- 设计体系：暖色土调色板（奶油色背景、陶土色主强调、鼠尾草/腮红/薰衣草/金色辅助色），衬线展示标题（Cormorant Garamond）、正文无衬线字体（DM Sans）、等宽标签字体（JetBrains Mono）。
- 画布与缩放：固定 1920x1080 画布，通过 JS 的 resizeDeck() 适配任意视口；幻灯片内不使用视口单位，尺寸基于 24px 根字号以 rem/px 表示。
- 幻灯片变体：标题页（深色居中）、章节分隔页（陶土色背景）、内容页（奶油色，支持单栏/双栏/三栏/卡片网格布局）、深色内容页、图片页（全幅背景图加渐变遮罩）、结尾页。
- 动画：anim-1 至 anim-6 交错 fadeUp 入场（延迟 0.1s 至 0.85s），anim-fade 为 0.3s 延迟淡入；支持 data-steps 多步渐进展示。
- 导航：顶部章节导航图例、进度条、页码计数器；导航引擎 JS 需与章节结构同步。
- 装饰层：噪点纹理叠加、可选 80px 网格线、局部角落字形。
- 图表编辑：带定位图表的幻灯片使用 diagram-editable 容器与 diagram-el 子元素，按 e 进入拖拽/缩放编辑，按 d 结束编辑并将 CSS 位置复制到剪贴板。
使用方式
技能要求两步确认流程：
- 询问上下文：向用户询问“这个演示是关于什么的？请提供内容、主题或要点”，收集全部要传达的信息。
- 询问幻灯片布局：不得根据内容自行假设布局；收到上下文后，给出编号的幻灯片结构列表（每页注明变体 title/dark/accent/content/image、布局 single-col/two-col/three-col/cards-grid/自定义图表、关键内容摘要），请用户确认或调整，确认后才生成 HTML。
生成时遵循固定 HTML 骨架：head 中引入 Google Fonts（Cormorant Garamond、DM Sans、JetBrains Mono）并内联全部 CSS；body 内为 deck 容器、幻灯片、章节导航、进度条与计数器；末尾内联导航引擎脚本，有图表时再加图表编辑器脚本。所有内容必须在一个 .html 文件中，不得引用外部 CSS、JS 或资源。
适用场景
- 快速制作风格统一的单文件演示文稿（5-10 页简单演示只需基础 CSS 与导航 JS 模板）。
- 含卡片、胶囊标签、表格、代码块、终端等组件的复杂演示，可参考组件库。
- 含定位图表或高级动画（轨道绘制、游标点、泳道图等）的演示。
- 含韩文文本时，在 Google Fonts 链接中加入 Noto Sans KR 并使用对应字体族。
限制
- 幻灯片文字必须简洁，使用要点、短语、关键词；用户提供长文本时需提炼。
- 所有图片必须 Base64 内联，禁止使用外部图片 URL；无图片时使用纯 CSS 视觉。
- 必须先确认布局再生成，不得从内容推断布局。
- 章节导航必须与实际幻灯片结构一致，需更新 JS 中的 slideSection 数组与 sectionFirstSlide 映射。
- 资料未提供该技能的具体安装命令、调用方式、收费信息或性能数据。