8pt

演示文稿

Skill · 内容•开源
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.html

SKILL.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. 因缺少数据而改为定性的页面,以及需要用户补充的材料。

更多 Skill

查看全部
市场调研报告东南亚彩色隐形
眼镜市场
示例输出
02 · 价格带分布
品牌直径抛期
品牌 A14.2日抛
品牌 B14.5月抛

美瞳市场调研报告

LUNEDAILY 10

包装设计

3 秒看懂
#画面台词秒
1特写结果先看成品2
2手部操作只要三步3
3前后对比差别很明显3
4口播收尾链接在评论2

短视频脚本

AaAaAaAa

8pt 设计规范

落地页