用途:这是 html-ppt 主技能下的一个聚焦入口,让用户直接落到 xhs-pastel-card 全套幻灯片模板(柔和马卡龙慢生活风格)。当用户想要该模板的视觉风格时选用。
使用方式:先阅读主技能 skills/html-ppt/SKILL.md,其中包含内容与受众清单、token 规则、布局复用、演示者模式、键盘运行时,以及“不要把仅演示者可见的文字放到幻灯片上”的规则。从模板目录 skills/html-ppt/templates/full-decks/xhs-pastel-card/ 出发,把 index.html 和 style.css 复制进项目,保留 .tpl-xhs-pastel-card body 类。
共享运行时:上游 index.html 通过 ../../../assets/... 相对路径引用共享 CSS/JS,复制到项目后这些路径会失效,导致 base.css、animations.css、runtime.js 404,幻灯片无法激活、导航失效。可选方案 A(推荐):把 assets/fonts.css、assets/base.css、assets/animations/animations.css、assets/runtime.js 复制到项目本地 assets/,再把 index.html 中四个 link/script 标签改写为本地路径。方案 B:把同样四个文件内容内联成 style 与 script,得到自包含的 index.html。两种方式都行,但不要把上游相对路径原样带入产物。
主题与内容:默认 token 可用;如需其他观感,可从 skills/html-ppt/assets/themes/*.css 的 36 个主题中切换,通过 <link id="theme-link"> 并让 T 键循环。替换演示内容,但不要改结构类,因为 .tpl-xhs-pastel-card 作用域 CSS 只识别模板自带的结构类。讲者备注放在 <aside class="notes"> 或 <div class="notes"> 内,不要作为可见文字出现在幻灯片上。
归属:视觉系统、布局、主题与运行时键盘模型来自上游 MIT 许可的 lewislulu/html-ppt-skill,LICENSE 位于 skills/html-ppt/LICENSE,再分发时请保留。