零依赖 HTML 演示文稿,直接在浏览器运行。
无需 npm · 无需构建工具 · 无需下载 Chromium
单文件内联 CSS/JS,用任何浏览器打开,分享一个文件,永久可用。
人无法用语言描述设计偏好——先生成 3 个视觉预览,让你直接反应,而非猜想。
拒绝 Inter 字体、紫色渐变、千篇一律的 Hero 布局。每个演示文稿都应独特。
每张幻灯片恰好填满 100vh,绝不出现幻灯片内滚动条。内容溢出就分页,不压缩。
想要震撼自信?充满活力?沉静专注?还是有个性?
真实的字体、配色和动画效果,不是描述,是实物。
选 A/B/C 或混合元素,完整幻灯片即刻生成。
/slide-creator --generate 用 Blue Sky 风格做我的季度汇报
#f0f9ff → #e0f2fe,叠加 SVG 噪点纹理
rgba(255,255,255,0.7) · backdrop-filter: blur(24px)
每页重新定位 · 80px 模糊 · 弹簧缓动过渡
Horizontal track · cubic-bezier(0.22, 1, 0.36, 1)
6% 透明度 · 径向遮罩向边缘渐隐
仅封面页 · CSS blur 圆形簇 · 漂浮动画
#1e3a8a → #3b82f6,深海军蓝到亮蓝
当前页展开为胶囊形,其余为圆点
| 幻灯片类型 | 内容上限 |
|---|---|
| 标题页 | 1 个标题 + 1 个副标题 |
| 内容页 | 1 个标题 + 4–6 条要点 |
| 功能网格 | 1 个标题 + 最多 6 个卡片(2×3 或 3×2) |
| 代码页 | 1 个标题 + 8–10 行代码 |
| 引用页 | 1 段引用(最多 3 行)+ 来源 |
Chrome / Edge / Brave 均可 · 无需下载 300MB Chromium · 无需 Node.js
逐张截图 · 组装为原生 .pptx · 可直接在 PowerPoint 中打开
pip install playwright python-pptx
重启 Claude Code · 使用 /slide-creator 调用
自动安装全部依赖 · clawhub.ai/skills/html-slide-creator
github.com/kaisersong/slide-creator · clawhub.ai/skills/html-slide-creator