slide-creator
SPEAKER NOTES — SLIDE 1 / 8
封面
架构
功能
对比
宣言
命令
数据
行动
slide-creator

# 笔记本的温度
做成演示

一个命令，选一个风格，打开即用。没有 PPT 软件，没有模板市场，只有你和你的内容。

21
设计预设
1
HTML 文件
0
运行依赖
01 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
工作原理

## 从内容到演示，三层流水线

INPUT
你的内容
笔记、文档、图片、PPTX —— 任何格式都可以
↓
SKILL
/SLIDE-CREATOR
样式发现 → 布局生成 → 代码质量检查
↓
OUTPUT
PRESENTATION.HTML
内联 CSS + JS · 编辑模式 · 演讲者模式 · PPTX 导出
02 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
核心能力

## 三个亮点，解决真问题

🎨

### 21 种设计预设

每种风格有独立的设计语言：配色、字体、组件、动画。不是换个颜色就完事。

✎

### 浏览器内编辑

按 E 进入编辑模式，所有内容可现场修改。演讲者面板实时显示备注，无需额外软件。

🎥

### 演讲者模式

按 P 打开同步窗口：备注、计时器、页数、翻页。双屏演示的理想方案。

03 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
对比

## 旧工具链 vs 一个命令

BEFORE

- npm install + 300MB node_modules
- Webpack / Vite 配置调试
- 通用 AI 美学：Inter + 紫渐变
- 平台锁定，封闭格式

AFTER

- 一个命令，零安装
- 一个 HTML 文件，直接打开
- 21 种独立设计语言
- 纯浏览器运行，零依赖

04 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
哲学
一个命令。
一个文件。
零借口。

- 不需要 npm install，不需要构建工具，不需要服务器
- 不需要 PPT 软件，不需要模板市场，不需要设计技能
- 不需要安装，不需要配置，不需要学习新格式
- 只需要一个命令，一个浏览器，一个想法

05 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
命令参考

## 四个命令，覆盖全部流程

/slide-creator
交互式创建：描述主题 → 探索风格 → 生成 HTML
--plan
生成 PLANNING.md 大纲，确认内容结构后再出稿
--generate
从 PLANNING.md 生成完整 HTML，执行 16 项质量检查
--review
审查已有 HTML，16 项检查点自动标记和修复
06 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
核心数据

## 三个数字说明一切

21
设计预设
覆盖商业、技术、创意展示
1
HTML 文件
CSS + JS 全部内联，无外部依赖
0
运行依赖
纯浏览器运行，无需服务器
07 / 08
封面
架构
功能
对比
宣言
命令
数据
行动
安装

## 开始使用 slide-creator

只需 30 秒，无需注册，无需安装依赖

/slide-creator --preset "Notebook Tabs"
步骤 1：安装 skill → 步骤 2：选择风格 → 步骤 3：打开演示
08 / 08