用途:生成单文件 HTML 的横向翻页网页 PPT,风格为电子杂志与电子墨水混搭。含 WebGL 流体/等高线/色散背景(hero 页可见),衬线标题(Noto Serif SC + Playfair Display)配非衬线正文(Noto Sans SC + Inter)与等宽元数据(IBM Plex Mono),用 Lucide 线性图标。翻页支持键盘左右、滚轮、触屏滑动、底部圆点与 ESC 索引,主题颜色随翻页平滑过渡。适合分享、演讲、demo day、私享会等带个人风格的网页 slides。
使用方式:Step 0 先从 5 个方向选一(Monocle Editorial 默认、WIRED Tech、Kinfolk Slow、Domus Architectural、Lab Reference),并记录方向、主题色、受众与时长。Step 1 澄清受众、时长、素材、图片与硬约束;无大纲时按钩子、定调、主体、转折、收束搭建叙事弧。Step 2 拷贝模板: mkdir -p "项目/XXX/ppt/images" cp "<SKILL_ROOT>/assets/template.html" "项目/XXX/ppt/index.html" 随后替换 <title> 等占位符,并从 5 套预设主题色中选一套(墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘),仅替换 :root 中标注主题色的变量,不接受自定义 hex,不混搭。Step 3 先读 template.html 的 <style> 确认所需类名存在,再按 layouts.md 的 10 种布局填充内容,并规划 hero dark/hero light/light/dark 主题节奏。Step 4 对照 checklist.md 自检,Step 5 直接浏览器打开 index.html 预览,无需服务器。Step 6 主要靠改 inline style 迭代。
限制:仅有单 HTML,不适合大段表格图表、培训课件或多人协作编辑;图片需按约定命名与规格(单张 ≥1600px 宽,总量 10MB 内)置于同级 images/;中文大标题建议 ≤5 字且不换行。其余未提供的收费、平台等信息暂未提供。