slide-creator
slide-creator

# 用 HTML
做演示

零依赖、零构建、零平台锁定。
为 Claude Code 和 OpenClaw 设计的演示文稿工具。

21
种预设
0
个依赖
3min
出稿
01 / 08
问题

## 演示文稿
不需要
构建系统

1
复杂的工具链 -- npm install、Webpack 配置、300MB 的 node_modules，只为做几页幻灯片
2
通用 AI 美学 -- 每个 AI 生成的演示都是 Inter 字体加紫色渐变，毫无辨识度
3
平台锁定 -- 封闭的 SaaS 平台、导出限制、月费订阅，内容不属于你
02 / 08
风格发现

## 三个预览锁定视觉风格

暖色柔和
Dark Botanical
冷色现代
Split Pastel
清新自然
Blue Sky
03 / 08
Presets

## 21 种预设，拒绝千篇一律

Bold Signal
Blue Sky
Aurora Mesh
Chinese Chan
Creative Voltage
Dark Botanical
Data Story
Electric Studio
Enterprise Dark
Glassmorphism
Modern Newspaper
Neo-Brutalism
Neo-Retro Dev
Neon Cyber
Notebook Tabs
Paper & Ink
Pastel Geometry
Split Pastel
Swiss Modern
Terminal Green
Vintage Editorial
04 / 08
Workflow

## 三个命令完成一切

1

### 调用 Skill

在 Claude Code 中输入指令，描述演示主题和受众

/slide-creator 产品发布会
2

### 选择风格

从生成的 3 个预览中挑选最合适的视觉风格

选择 Split Pastel
3

### 打开演示

在浏览器中打开 HTML 文件，F5 全屏播放

open presentation.html
05 / 08
核心能力

## 播放、编辑、演讲、导出

### F5全屏播放

视口自适应缩放，1440x900 画布适配任意屏幕，手势和键盘双导航

### E浏览器编辑

左上角热区触发编辑模式，contenteditable 直接在页面上修改文字

### P演讲者模式

独立窗口显示备注、计时器和页数，BroadcastChannel 实时同步

### PPTX导出

像素级图片模式或 Native 可编辑模式，一份 HTML 两种输出

06 / 08
安装

## 一行命令安装

Claude Code

### 告诉 Claude 安装

告诉 Claude
"安装 github.com/kaisersong/slide-creator"
OpenClaw

### 命令行一行安装

clawhub install kai-slide-creator
07 / 08
开始使用
/slide-creator

适用于 Claude Code 和 OpenClaw
完全在浏览器中运行，零依赖

立即开始
08 / 08
SPEAKER NOTES