SPEAKER NOTES — SLIDE 1
Claude Code 技能 v1.8
SLIDE-CREATOR
Claude Code 零依赖 HTML 演示文稿
21 种样式
依赖
1 HTML 文件
系统架构
工作原理
你的内容
笔记、文档、PLANNING.md、图片、PPTX
输入
/SLIDE-CREATOR
样式发现 → 布局生成 → 代码质量检查
技能
PRESENTATION.HTML
内联 CSS + JS · 内联编辑 · 演讲者模式 · PPTX 导出
输出
核心功能
你将获得什么
21 种样式
🎨
精心设计的预设样式

Bold Signal、Swiss Modern、Terminal Green、Chinese Chan、Neo-Retro Dev Deck 以及 16 种其他样式。每种样式都带有命名的布局变体。

内联编辑
✏️
按 E 在浏览器中编辑

点击任何文本。就地编辑。Ctrl+S 保存回 HTML 文件。无需外部编辑器。

演讲者模式
🎤
按 P 打开演讲者视图

演讲者备注 + 计时器 + 导航。通过 BroadcastChannel API 同步。离线可用。

// 之前 — 没有 slide-creator
// 之后 — 使用 slide-creator
一个命令。
一个 文件
零 借口。
参考
命令
/slide-creator 交互式:样式发现 → 内容 → 生成。最适合从零开始。
/slide-creator --plan 扫描 resources/ 文件夹,创建 PLANNING.md 大纲。在生成 HTML 前停止。先思考,再编码。
/slide-creator --generate 读取 PLANNING.md,跳过提问,生成 HTML。从计划快速到演示文稿的路径。
/slide-creator --export pptx 通过系统 Chrome 截屏每张幻灯片 → 组装 .pptx。无需 Node.js、无需下载 Chromium。
数字说话
统计数据
21
种样式
精心设计的预设
深色主题
浅色主题
特色款
1
HTML 文件
输出格式
内联 CSS ✓
内联 JS ✓
无 CDN 调用 ✓
离线运行 ✓
0
NPM 依赖
运行时需求
无 node_modules
无 package.json
无构建步骤
仅 HTML
安装
开始使用
只需 30 秒
git clone https://github.com/kaisersong/slide-creator ~/.claude/skills/slide-creator
第一步:克隆 第二步:/slide-creator 第三步:发布
无构建步骤 · 无配置 · 直接运行