用途:该卡片是 html-ppt 主技能的入口,直接落到 testing-safety-alert 全套模板,适合需要这套特定视觉风格的安全/风险/事故复盘演示。使用方式:先阅读主技能 skills/html-ppt/SKILL.md,其中包含内容与受众核对清单、token 规则、布局复用、演讲者模式、键盘运行时以及“不要把仅供演讲者看的内容放到幻灯片上”等规则。随后从 skills/html-ppt/templates/full-decks/testing-safety-alert/ 复制 index.html 与 style.css,保留 .tpl-testing-safety-alert 主体类。模板中的 index.html 通过 ../../../assets/... 引用共享 CSS/JS,复制后父级相对路径会失效,导致 base.css、animations.css、runtime.js 404、导航失效。可选用两种方案:方案 A(推荐)把 skills/html-ppt/assets/fonts.css、base.css、animations/animations.css 和 runtime.js 复制到项目本地 assets/,并将四处 link/script 改为本地路径;方案 B 内联这四个文件内容,得到自包含的 index.html。不要原样发布 ../../../assets/... 路径。主题:默认 token 可用,也可用 skills/html-ppt/assets/themes/*.css 的 36 套主题替换 link#theme-link。只替换演示内容,保留模板结构类。演讲者备注放在 aside.notes 或 div.notes 中。视觉系统、布局、主题与运行时键盘模型来自上游 MIT 许可的 lewislulu/html-ppt-skill,再分发时保留 skills/html-ppt/LICENSE。限制:资料未提供该模板的具体价格、平台要求或效果数据。
html-ppt-testing-safety-alert
前端与建站
更新于 10-16 01:36