openclaw-slides

核心用法

OpenClaw Slides 是一个专注于创建独立HTML演示文稿的技能，提供三种工作模式：

Mode A — 新建演示：从零构建动画丰富的HTML幻灯片，通过对话收集用途、长度、内容、图片需求等信息，选择12种预设风格（Neon Cyber、Swiss Modern、Paper & Ink等），生成单文件无依赖HTML。

Mode B — PPT转换：使用 python-pptx 库提取 .ppt/.pptx 文件的文本、图片和备注，转换为Web幻灯片格式。

Mode C — 增强现有：读取现有HTML文件进行优化升级，严格保持视口适配。

技术架构特点

• 零依赖单文件：无npm、无构建工具、无框架，10年后仍可渲染
• 强制视口适配：每页严格填满视口，禁止内部滚动，通过 clamp() 响应式字体和 100dvh 现代单位实现
• 12种风格预设：涵盖商务、科技、创意、复古等场景，使用 Fontshare 字体而非通用系统字体
• 完整交互：键盘导航（方向键/空格）、触摸滑动、滚轮翻页、进度条、导航点
• 可选在线编辑：按 E 键或悬停热区启用 contenteditable 编辑，自动保存至 localStorage

显著优点

1. 极致便携性：单HTML文件可邮件发送、离线打开、任意浏览器运行
2. 专业视觉设计：预设风格由设计系统驱动，避免"蓝白渐变+Inter字体"的同质化
3. PPT生态兼容：保留现有PowerPoint工作流，转换后获得Web交互性
4. 性能优先：CSS动画+Intersection Observer，无React/Vue运行时开销
5. 可访问性：支持 prefers-reduced-motion、语义化HTML、ARIA标签

潜在局限

• 内容密度受限：强制视口适配导致单页信息量有限，复杂报告需拆分为多页
• 高级动画天花板：纯CSS/JS实现，无法达到 After Effects 或专用演示软件的运动图形复杂度
• PPT转换 fidelity：复杂SmartArt、动画、过渡效果会丢失，仅保留文本和图片
• 协作编辑缺失：localStorage 保存非实时协作，团队场景需额外同步机制
• 样式定制门槛：深度定制需直接修改CSS变量，无可视化主题编辑器

适合人群

• 需要快速产出高颜值幻灯片的创业者、投资人、产品经理
• 追求技术极简主义的开发者演讲者
• 希望逃离PowerPoint/Keynote生态的Web原生用户
• 需要将现有PPT一键现代化的企业培训部门

常规风险

| 风险类型 | 说明 |

|---------|------|

| 依赖安装 | Mode B需Python环境及 `python-pptx`、`Pillow`，企业环境可能受限 |

| 图片版权 | 用户上传图片的合规性由用户自行负责 |

| 浏览器兼容 | 现代CSS特性（`dvh`、`clamp`、`scroll-snap`）需近3年浏览器版本 |

| 文件体积 | 大量图片嵌入或Base64编码可能导致单文件过大 |

核心用法

OpenClaw Slides 提供三种工作模式：

• Mode A（新建演示）：从零创建动画丰富的 HTML 幻灯片
• Mode B（PPT 转换）：将 .ppt/.pptx 文件转换为网页幻灯片（需可选安装 python-pptx 和 Pillow）
• Mode C（增强现有）：读取并改进现有 HTML 演示文稿

该技能生成零依赖的单 HTML 文件，无需 npm、构建工具或框架，支持离线运行，键盘/触摸/滚动导航，以及滚动触发动画。内置 12 种精心设计的视觉风格预设（Bold Signal、Neon Cyber、Swiss Modern、Paper & Ink 等）。

显著优点

| 维度 | 优势 |

|------|------|

| **易用性** | 纯对话式交互，Agent 自动处理内容密度控制、响应式设计和动画时序 |

| **视觉质量** | 专业级设计系统，包含精心调校的字体配对（Clash Display、Satoshi、Cormorant 等）和氛围化配色 |

| **技术简洁** | 单文件输出，无外部依赖，可直接浏览器打开，10 年后仍可渲染 |

| **内容安全** | 所有图像处理在本地完成（Pillow），不将用户数据上传至外部服务 |

| **可访问性** | 支持 `prefers-reduced-motion` 减少动画，语义化 HTML，ARIA 标签 |

| **灵活编辑** | 可选内联编辑模式，支持 contenteditable、localStorage 自动保存和文件导出 |

潜在缺点或局限性

• PPT 转换依赖 Python 环境：Mode B 需用户本地安装 python-pptx 和 Pillow，非开箱即用
• 字体 CDN 依赖：生成的 HTML 依赖 Google Fonts 或 Fontshare CDN，离线环境需手动处理字体
• 复杂图表支持有限：不原生支持复杂数据可视化，需用户自行嵌入图表图片或代码
• 协作功能缺失：无内置多人实时协作，仅支持单机 localStorage 保存
• 浏览器兼容性：部分高级 CSS 特性（scroll-snap、dvh 单位）在极旧浏览器中受限

适合人群

• 创业者/投资人：快速制作高质感 pitch deck，无需设计团队
• 技术演讲者：开发者大会、技术分享，偏好 Terminal Green、Neon Cyber 风格
• 教育工作者：创建交互式教学课件，支持离线播放
• 设计师/创意工作者：需要将概念快速转化为可交互的视觉原型
• 企业团队：内部汇报、培训材料，追求专业一致的视觉输出

常规风险

| 风险类型 | 评估 | 说明 |

|---------|------|------|

| 代码执行风险 | **极低** | 纯 Markdown 文档型技能，无可执行代码，无危险系统调用 |

| 数据泄露风险 | **极低** | 所有处理本地完成，无外部 API 上传用户数据 |

| 供应链风险 | **低** | 可选依赖 python-pptx 和 Pillow 为知名开源包，无已知 CVE；字体 CDN 为可信服务 |

| 输出文件风险 | **低** | 生成的 HTML 包含内联脚本，建议用户在分享前审查内容；内联编辑模式可能残留 localStorage 数据 |

| 版权风险 | **低** | 字体 CDN 均为合规服务，用户需自行确保上传图片和内容的版权合规性 |

使用建议：敏感内容演示建议离线使用或添加自定义 CSP；定期清理浏览器 localStorage 防止编辑历史残留。