演示文稿
2026 Q4把复杂的事
讲成一页
讲成一页
03三个关键变化
04增长来自哪里
示例输出
介绍
把一段文字、一份报告或会议纪要变成结构清楚、版式统一的演示文稿,每页一个观点。
它会做什么
- 先写故事线:结论先行,每页一句标题
- 按 8pt 网格排版,统一字号与配色
- 图表优先于文字,自动挑选合适的图表类型
- 导出 HTML 幻灯片与 PDF
安装
复制安装提示词交给模型,或用 8pt CLI 装进 Claude、Codex、Cursor 的 skills 目录,或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt skill slide-deck
mcp › 使用 8pt MCP 调用 get_skill("slide-deck")
文件结构
slide-deck/
├── SKILL.md
├── checklists/
│ └── deck.md
├── reference/
│ └── layouts.md
└── templates/
└── deck.htmlSKILL.md
--- name: slide-deck description: 把文字、报告、会议纪要或数据做成演示文稿,输出一个可直接放映、可打印为 PDF 的单文件 HTML。用户说「做个 PPT」「做幻灯片」「汇报材料」「路演 deck」「把这份报告做成演示」时使用。 author: 8pt --- # 演示文稿 产出:`deck.html`(单文件,无外部依赖,键盘翻页,浏览器打印即 PDF)+ `speaker-notes.md`。 ## 1. 先问用户(最多 3 个,未回答用默认值) 1. 听众与目的?默认:内部决策汇报,目的是让听众同意一个结论。 2. 时长?默认:10 分钟 ≈ 8–12 页(每页约 1 分钟,封面与结尾不计)。 3. 品牌色?默认:`#4D74FF`,深色字 `#14141a`,浅底 `#ffffff`。 ## 2. 文件 - `templates/deck.html`:放映器 + 主题 + 6 种版式的完整模板。复制它为 `deck.html`,只增删 `<section class="slide">`,不要改放映脚本。 - `reference/layouts.md`:6 种版式的用途、字数上限和可直接粘贴的 HTML 片段。 - `checklists/deck.md`:交付前逐页检查清单。 ## 3. 流程 1. **提炼结论**:通读材料,写一句「整份演示的核心结论」(≤ 30 字)。 2. **故事线**:按「结论 → 理由 1/2/3 → 证据 → 风险 → 下一步」写出每页标题列表。每个标题都是完整的判断句(如「复购率下降来自新客质量」),不能是「背景」「数据分析」这种名词。把标题列表发给用户确认;用户没空确认时直接继续,并在回复里列出标题。 3. **选版式**:每页按 `reference/layouts.md` 选一个版式。连续 3 页不用同一版式;数据页优先 `chart`,对比用 `compare`,一句话的强调用 `statement`。 4. **排版**:复制 `templates/deck.html` → `deck.html`,修改 `:root` 里的 `--brand` 等变量,按版式片段填内容。 5. **图表**:用模板自带的 CSS 柱状图(`.chart` + `style="--v:百分比"`)或内联 SVG 折线;数值标在图上,单位写在标题或轴旁。不引入 Chart.js 等外部库。 6. **讲稿**:每页 `<aside class="notes">` 写 60–120 字讲稿;同时汇总为 `speaker-notes.md`(`## 第 N 页 · 标题` + 讲稿)。 7. **自检**:打开 `deck.html`,用 → 翻完所有页;按 `checklists/deck.md` 逐条检查;打印预览确认每页一张、无溢出。 ## 4. 规格 - 画布 1920×1080(16:9),放映时等比缩放;四周安全边距 96px。 - 字号只用:标题 64 / 副标题 40 / 正文 28 / 注释 20(px,画布尺寸下);模板内置的三个特殊字号只在对应版式使用:封面 96、强调句 88、KPI 数字 120。 - 间距只取 8 的倍数:8 16 24 32 48 64 96。 - 每页正文 ≤ 3 个要点、每个 ≤ 20 字;整页可读文字 ≤ 60 字(不含图表数值)。 - 颜色:品牌色只用于强调(关键数字、当前项),一页最多 1 处强调色块。 - 数据页底部写来源(20px,灰色);没有来源的数据不放。 - 打印:Chrome「打印 → 另存为 PDF」,纸张由模板 `@page` 自动设为 1920×1080,勾选「背景图形」。 ## 5. 交付前自检 - [ ] 只读每页标题就能复述整个论证。 - [ ] 没有超过字数上限的页面;没有小于 20px 的文字。 - [ ] 每个数字都来自用户材料或标注了来源。 - [ ] `deck.html` 单文件可离线打开,控制台无报错,←/→/空格/Home/End 都能翻页。 - [ ] 打印预览页数 = 幻灯片数,无内容被截断。 - [ ] `speaker-notes.md` 页数与幻灯片一致。 ## 6. 不要做 - 不编造数据、客户 logo、用户评价、增长曲线或「示意数据」冒充真实数据;缺数据就把该页改成定性结论,并在回复中告诉用户缺什么。 - 不用整页表格堆数字;超过 6 行的表格拆成图表或放附录页。 - 不加入与内容无关的装饰图、网络图片或外链字体。 - 不改动模板里的放映脚本和 `@page` 设置。 ## 7. 交付时回复用户 1. 故事线(每页标题列表)。 2. 交付文件:deck.html、speaker-notes.md;如何放映(←/→、F 全屏)与导出 PDF。 3. 采用的默认值(听众、时长、配色)。 4. 因缺少数据而改为定性的页面,以及需要用户补充的材料。