guizang-ppt-skill

生成一份 单文件 HTML 的横向翻页 PPT，视觉基调是： 这个 skill 的美学不是"商务 PPT"，也不是"消费互联网 UI"——它像 Monocle 杂志贴上了代码后的样子。 合适的场景 ： 不合适的场景 ： 如果用户已经给了完整的大纲 + 图片 ,可以跳过直接进 Step 2。 如果用户只给了主题或一个模糊想法 ,用这 6 个问题逐个对齐后再动手。不要基于猜测就开始写 slide——一旦结构定错,后期翻修代价很高: 用"叙事弧"模板搭骨架,再填内容: 叙事弧 + 页数规划 + 主题节奏表(见 layouts.md ), 三张表对齐后 再进 Step 2。 大纲建议保存为 项目记录.md 或 大纲-v1.md ,便于后续迭代。 在动手前向用户说清: 如果当前运行环境是 Codex ,完成 deck 初稿后,主动问用户是否需要用 GPT-M 2.0 生成配图并插入 PPT。不要默认生成。 推荐询问方式: 要不要为这份 PPT 生成几张配图?可以做成人文纪实照片、杂志风信息图、流程/对比/系统关系图,或把截图再设计成统一的杂志风视觉。 如果用户确认生成,再问他想要哪种图片类型或风格;如果用户没有偏好,根据页面内容自行推荐 1-3 张最值得生成的配图。 生成配图时遵守: 从 assets/template.html 拷贝一份到目标位置（通常是 项目/XXX/ppt/index.html ），同时在同级建一个 images/ 文件夹准备接图片。 template.html 是一个 完整可运行 的文件——CSS、WebGL shader、翻页 JS、字体/图标 CDN 全已预设好，只有 里面是 3 个示例 slide（封面、章节幕封、空白填充页）。 拷贝后立刻改掉以下占位符，否则浏览器 Tab 会显示"[必填] 替换为 PPT 标题"这种尴尬文字： 每次拷贝完 template.html 第一件事:grep 一下"[必填]" 确认全部替换完。 本 skill 只允许从 5 套精心调配的预设里选一套 ,不接受用户自定义 hex 值——颜色搭配错了画面瞬间变丑,保护美学比给自由更重要。 操作 : 硬规则 : 这是所有生成问题的源头 。layouts.md 的骨架使用了很多类名( h-hero / h-xl / stat-card / pipeline / grid-2-7-5 等),如果 assets/template.html 的 里没有对应定义,浏览器会 fallback 到默认样式——大标题变成非衬线、数据卡片挤成一团、pipeline 糊成一行、图片堆到页面底部。 在写任何 slide 代码之前: 常见容易遗漏的类(必须预先确认存在): h-hero / h-xl / h-sub / h-md / lead / kicker / meta-row / stat-card / stat-label / stat-nb / stat-unit / stat-note / pipeline-section / pipeline-label / pipeline / step / step-nb / step-title / step-desc / grid-2-7-5 / grid-2-6-6 / grid-2-8-4 / grid-3-3 /...