openclaw-slides

✨ 零依赖动画幻灯片,浏览器即舞台

设计榜 #42

零依赖浏览器幻灯片生成器,支持PPT转换与12种视觉风格,单文件离线运行

收藏
17.3k
安装
3.8k
版本
1.0.1
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

OpenClaw Slides 是一款专为浏览器原生运行设计的HTML演示文稿生成工具,输出为零依赖的单文件HTML,无需npm、构建工具或框架,支持离线使用且向后兼容。

主要能力

  • 双模式创作:从空白创建(Mode A)或转换现有PPT/.pptx文件(Mode B)
  • 12种精心调校的视觉风格:Bold Signal(高冲击暗黑)、Electric Studio(专业分栏)、Creative Voltage(复古活力)、Dark Botanical(优雅深色)、Notebook Tabs(编辑感)、Pastel Geometry(亲和友好)、Split Pastel(现代 playful)、Vintage Editorial(个性杂志风)、Neon Cyber(未来科技)、Terminal Green(开发者黑客风)、Swiss Modern(极简精确)、Paper & Ink(文学沉思感)
  • 智能内容适配:强制视口适配,按幻灯片类型设定内容密度上限,超限自动分页
  • 完整交互体验:键盘/触摸/滚轮导航、进度条、导航点、滚动触发动画、Intersection Observer驱动的reveal效果

显著优点

1. 零部署成本:单HTML文件,双击即用,10年后仍可渲染
2. 本地图像处理:基于Pillow的Python脚本实现圆形裁切、尺寸优化,图像永不外发

3. 响应式架构:CSS Clamp()实现流体排版,5级高度断点适配从4K到手机横屏

4. 无障碍支持:prefers-reduced-motion媒体查询、语义化HTML、ARIA标签

5. 可选内联编辑:contenteditable + localStorage自动保存,按E键或悬停热区触发

潜在局限

  • PPT转换依赖python-pptx,复杂版式(SmartArt、图表动画)可能丢失,需人工校验
  • 高度定制化需求需直接编辑CSS :root变量,无可视化主题编辑器
  • 内联编辑模式在极小视口(<500px高)自动隐藏部分UI

适合人群

  • 创业者/投资人:快速生成Pitch Deck,Bold Signal/Electric Studio风格提升专业感
  • 开发者/技术讲师:Terminal Green风格配合代码高亮,零配置即可投屏
  • 设计师/创意工作者:Vintage Editorial/Dark Botanical满足杂志级视觉要求
  • 教育工作者:Notebook Tabs/Paper & Ink营造专注阅读氛围

常规风险

  • 内联编辑模式下localStorage存储存在数据丢失风险(浏览器清除/无痕模式),重要内容需手动导出
  • 图像路径使用相对引用,若移动HTML文件与assets文件夹分离将导致图片失效
  • 旧版浏览器(IE11及更早)不支持CSS Scroll Snap与Clamp,渲染降级为常规滚动
  • 自动动画在prefers-reduced-motion设置下会被强制缩短至0.2s过渡,可能削弱视觉叙事效果

openclaw-slides 内容

references文件夹
手动下载zip · 21.8 kB
STYLE_PRESETS.mdtext/markdown
请选择文件