为 OpenClaw 打造的网页幻灯片创建技能。将用户需求转化为精美的 HTML 演示文稿，支持从零创建和 PPT 转换两种模式。触发词：做幻灯片 / 做 PPT / 做演示 / 做 slides / 做一个网页版自我介绍 / 帮我做个路演 PPT。
在 OpenClaw 中创建零依赖、动画丰富的 HTML 幻灯片。
用户旨意 → 皇上（你）→ 中书省（规划内容）→ 尚书省（派发）→ 兵部/工部（生成）
中书省职责（内容规划）：
兵部/工部职责（代码生成）：
| 类型 | 最大内容量 |
|---|---|
| 标题页 | 1 标题 + 1 副标题 + 可选标语 |
| 内容页 | 1 标题 + 4-6 条要点 或 1 标题 + 2 段文字 |
| 特性网格 | 1 标题 + 最多 6 张卡片（2×3 或 3×2） |
| 代码页 | 1 标题 + 8-10 行代码 |
| 引言页 | 1 条引言（最多 3 行）+ 出处 |
| 图片页 | 1 标题 + 1 张图片（最大 60vh） |
内容超限？拆成多页，绝不堆砌。
确认用户需求：
一次性问完所有问题：
如果用户已有内容，让其直接提供。
图片评估（如有图片）：
核心原则：先展示，不抽象。 大多数人选风格时说不出具体偏好，让他们看图选择。
| 情绪 | 感觉 |
|---|---|
| 专业可信 | 专业、值得信赖 |
| 兴奋有活力 | 创新、大胆 |
| 冷静专注 | 清晰、有思考感 |
| 受启发 | 情感、有记忆点 |
基于情绪生成 3 个单页 HTML 预览，展示字体、颜色、动画和整体美学。
情绪 → 预设映射：
| 情绪 | 推荐预设 |
|---|---|
| 专业可信 | Bold Signal / Electric Studio / Dark Botanical |
| 兴奋有活力 | Creative Voltage / Neon Cyber / Split Pastel |
| 冷静专注 | Notebook Tabs / Paper & Ink / Swiss Modern |
| 受启发 | Dark Botanical / Vintage Editorial / Pastel Geometry |
预览保存在 .slide-previews/（style-a.html / style-b.html / style-c.html），每个约 50-100 行代码。
基于 Phase 1 内容 + Phase 2 风格生成完整 HTML。
生成前必须读取以下文件（由工部/兵部执行）：
关键要求：
/* === 区块名称 === */python scripts/extract-pptx.py <input.pptx> <output_dir>start [filename].html 在浏览器打开:root CSS 变量改颜色，改字体链接换字体，.reveal 类改动画E 进入编辑模式交付后询问："需要分享这个演示吗？可以部署到在线链接，或者导出为 PDF。"
注意：Windows 环境需要 WSL（Linux 子系统）或手动安装 Vercel CLI。
# 检查 Vercel CLI
npx vercel --version
# 部署（需要先登录）
npx vercel deploy <path-to-html> --yes --prod
如未登录：
vercel login 登录# 需要 Node.js + Playwright
bash scripts/export-pdf.sh <path-to-html> [output.pdf]
Windows 下可直接用 Node.js 运行 export-pdf 脚本（需要先 npm install playwright）。
| 阶段 | 执行者 |
|---|---|
| 内容收集 + 风格确认 | 主 agent（中书省） |
| HTML 生成 | bingbu 或 gongbu subagent（兵部/工部） |
| 部署/导出 | gongbu subagent（工部） |
生成的文件保存在：
C:\Users\HUAWEI\.openclaw\workspace\slides\
├── presentation-YYYYMMDD-HHMMSS.html # 生成的幻灯片
└── assets/ # 图片素材（如果有）
| 文件 | 用途 | 何时读取 |
|---|---|---|
| STYLE_PRESETS.md | 12 种视觉预设（颜色、字体、特征元素） | Phase 2（风格选择） |
| viewport-base.css | 强制响应式 CSS — 每个演示必须包含 | Phase 3（生成） |
| html-template.md | HTML 结构、JS 特性、代码质量标准 | Phase 3（生成） |
| animation-patterns.md | CSS/JS 动画片段和效果-情绪对照表 | Phase 3（生成） |
| scripts/extract-pptx.py | PPT 内容提取（Python） | Phase 4（转换） |
| scripts/export-pdf.ps1 | 导出 PDF（Windows PowerShell） | Phase 6（分享） |
| scripts/deploy.ps1 | 部署到 Vercel（Windows PowerShell） | Phase 6（分享） |