openclaw-html-slides— 网页幻灯片技能 在 OpenClaw 中创建零依赖、动画丰富的 HTML 幻灯片。 核心原则 1. 零依赖 — 单个 HTML 文件,CSS/JS 内联,无需 npm/框架 2. 先展示,再确认 — 生成视觉预览而非抽象选择,用户看到效果后再定 3. 独特设计 — 拒绝千篇一律的"AI 风格",每份演示都应有定制感 4. 严格适配视口 — 每张幻灯片必须恰好填满 100vh,禁止溢出 工作流程(必须遵守) 禁止 :不出预览就直接生成完整版。 --- 内容密度限制(每页上限) | 类型 | 最大内容量 | | -------- | ---------------------------------------- | | 标题页 | 1 标题 + 1 副标题 + 可选标语 | | 内容页 | 1 标题 + 4-6 条要点 或 1 标题 + 2 段文字 | | 特性网格 | 1 标题 + 最多 6 张卡片(2×3 或 3×2) | | 代码页 | 1 标题 + 8-10 行代码 | | 引言页 | 1 条引言(最多 3 行)+ 出处 | | 图片页 | 1 标题 + 1 张图片(最大 60vh) | 内容超限?拆成多页,绝不堆砌。 ------ 模式判断(Phase 0) 确认用户需求: - 模式 A:从零创建 → 进入 Phase 1 -…