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

用 HTML做演示

演示文稿不需要构建系统