用途:这是 html-ppt 主技能下的一个聚焦入口,直接落到 xhs-post 整套模板,用于制作小红书 / Instagram 风格的 9 页 3:4 竖版图文(810×1080),适合发小红书图文、Instagram carousel、品牌种草内容。视觉特征为暖色 pastel、虚线 sticker 卡片、底部页码点点。
主要能力:提供成套的 xhs-post 全 deck 模板,包含 index.html 与 style.css,并复用 html-ppt 的共享样式与运行时(base.css、animations.css、runtime.js、fonts.css),支持主题切换与键盘运行时。
使用方式:先阅读主技能 skills/html-ppt/SKILL.md,其中包含内容/受众清单、token 规则、布局复用、presenter 模式、键盘运行时,以及“不要把仅 presenter 可见的文字放到幻灯片上”的规则。从 skills/html-ppt/templates/full-decks/xhs-post/ 复制 index.html 和 style.css 到项目,保留 .tpl-xhs-post body class。由于上游 index.html 通过 ../../../assets/... 引用共享资源,复制后这些相对路径会失效,需二选一:Recipe A(推荐)把 fonts.css、base.css、animations/animations.css、runtime.js 复制到项目本地 assets/,并把四个 link/script 标签改写为本地路径;Recipe B 将这四个文件内容内联为 style 与 script,得到自包含的 index.html。不要原样保留 ../../../assets/... URL。主题默认即可,也可通过 <link id="theme-link"> 换用 skills/html-ppt/assets/themes/*.css 中的 36 个主题,按 T 循环。替换演示内容而非 class,.tpl-xhs-post 作用域 CSS 只识别模板自带的结构类。演讲者备注放在 <aside class="notes"> 或 <div class="notes"> 内,不要作为幻灯片可见文字。
限制:视觉系统、布局、主题与运行时键盘模型来自上游 MIT 许可的 lewislulu/html-ppt-skill,LICENSE 位于 skills/html-ppt/LICENSE,再分发时请保留。其他收费、平台支持等信息暂未提供。