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