presentation

用途：把内容或大纲转成一份独立可运行的单文件 HTML 演示文稿，内嵌 CSS 与 JS，无需外部依赖，可在任意环境打开。\n\n主要能力：提供标题页、讲者介绍、提问页、逐条要点显示、工具徽章网格、流程/工作流、双栏图文、团队网格、术语表、结尾 CTA 等幻灯片类型；支持 CSS 动画、进入错位延迟（.anim-d1 到 .anim-d8）、装饰形状、鼠标视差、玻璃拟态效果，以及键盘（方向键、空格、PgUp/Dn、Home、End）、点击（左侧 30% 后退，右侧 70% 前进）和触摸滑动（阈值 >50px）导航；含进度条和页码计数。\n\n使用方式：该 Skill 按步骤引导：先选择模式（一次性完整生成，或先搭框架再逐页交互式构建）；再收集素材并协作确定幻灯片大纲、类型、叙述结构与顺序；接着确定设计简报，包括配色（5-6 个十六进制色值及角色）、字体、风格与资产；随后生成单文件框架并逐页构建；最后按清单检查动画、对比度、响应式（768px 断点）、导航与字体加载，并默认以 base64 内嵌图片导出为独立 HTML，也可选择外链图片的开发版或每页独立 HTML。\n\n适用场景：需要快速制作无需服务器、可随处运行的精美演示文稿，且内容与设计方向已基本明确时。\n\n限制：资料未说明具体定价、平台兼容性细节或效果保证；动画与导航的具体实现依赖该 Skill 提供的模板文件（slide-types.md、framework-reference.md、learnings.md），本资料未包含这些模板全文。