SuperAPI AI 工具集

create-html-deck

办公与效率

查看项目

更新于 10-16 07:15

技能介绍

用途:该技能用于制作完整的本地 HTML 演示文稿,适用于用户要求 HTML 演示、浏览器版 PPT、周会分享等场景。若用户明确要求 .pptx,应改用 PowerPoint 专用技能,不可把 HTML 直接改名为 .pptx。

主要能力:固定 1920×1080 设计画布、响应式视口缩放适配、键盘导航(方向键、Home、End、Page Up、Page Down)、显示当前/总页数、localStorage 记忆当前页、打印规则暴露全部页面。新建演示时复制 assets/deck-template.html 到目标位置并替换示例内容;编辑已有演示时先检查其 HTML、CSS、JavaScript、图片和当前截图,除非用户要求重设计,否则保留其视觉语言。

使用方式:先梳理受众、演讲时长、核心主张、素材来源和期望结尾,每页只承担一个任务;图片放在同级 assets/ 目录并用相对路径引用,配有意义 alt 文本,避免 base64 大图。小屏缩放用 .stage 与 .deck 定位配合 Math.min 计算缩放。交付前运行 python3 <skill-dir>/scripts/check_deck.py /absolute/path/to/deck.html,并在真实浏览器按 1512×982、1512×850、1366×768、1920×1080 等视口检查:画布是否完整在视口内、有无滚动条、首尾页渲染、本地图片 natural size 非零、键盘导航可达边界、页数一致、无控制台错误。

限制:不要编造指标、引语、产品能力或外部声明,不确定的声明需先核实;具体脚本路径与模板位置以技能目录为准。