免费

号外幻灯片

排成报纸头版的网页幻灯片,只读标题就能看懂论点。

安装

把“号外幻灯片”技能安装到 ~/.claude/skills/broadsheet-deck。
下载下面每个文件,保存到这个文件夹:
https://skilllift.pages.dev/packs/broadsheet-deck/SKILL.zh.md → SKILL.md
https://skilllift.pages.dev/packs/broadsheet-deck/references/style.md → references/style.md
https://skilllift.pages.dev/packs/broadsheet-deck/assets/template.html → assets/template.html
https://skilllift.pages.dev/packs/broadsheet-deck/scripts/check.mjs → scripts/check.mjs
然后读一遍 SKILL.md,告诉我它是做什么的,并提醒我开一个新会话。

解压到 ~/.claude/skills

同一个技能,不同的需求

左边是预览。右边由另一个 Agent 按不同需求制作,它只有安装好的技能,没看过预览。

预览
预览
新需求,由另一个 Agent 制作
新需求,由另一个 Agent 制作

这是按虚构需求做的一次测试。系统字体不同时,字形可能略有差异。

生成一份可离线打开的 16:9 网页幻灯片,版式是一张大胆的报纸头版:新闻纸底色、近黑油墨、一种朱红强调色、粗重窄体大标题、分栏细线和用代码画的图表。每页标题都是一句完整的判断,只读标题就能看懂论点;每个数字都标明来源。适合决策汇报、董事会更新和以论点为主线的演示,尤其是需要强烈设计感、又不想装任何工具的时候。

交付前必须通过

  • node scripts/check.mjs slides/deck.html 返回 0。
  • 只按顺序读标题,就能看懂完整论点。
  • 每个数字所在的页面都有来源、flag 标记,或带算式的 calc 标记。
  • 没有出现用户未提供的数字、名字、引语或日期,自行计算并标明的除外。
  • 每页都在 1280×720 下看过,没有 OVERFLOW 提示条,也没有内容被裁切。
  • 每页只有一个朱红重点。
  • 按 N 能看到演讲备注。
  • 打印预览是一页一张幻灯片,并带背景色。
阅读完整 SKILL.md
---
name: broadsheet-deck
description: 生成一份可离线打开的 16:9 网页幻灯片,版式是一张大胆的报纸头版:新闻纸底色、近黑油墨、一种朱红强调色、粗重窄体大标题、分栏细线和用代码画的图表。每页标题都是一句完整的判断,只读标题就能看懂论点;每个数字都标明来源。适合决策汇报、董事会更新和以论点为主线的演示,尤其是需要强烈设计感、又不想装任何工具的时候。
version: 1.0.0
---

# 号外幻灯片

样子全在 `assets/template.html` 里。你负责选版式、写内容,不负责设计,也不要碰样式。

## 先问清这些

1. **要做的决定或要讲的论点。** 听完以后,对方应该相信什么、去做什么?
2. **听众是谁,谁拍板**,有没有截止日期。
3. **事实和数字,每一条的来源。** 缺来源的,动笔前先问。
4. **报头名称**:公司名或这份演示的名字,最多 22 个字符(一个汉字算两个)。
5. **语言**:中文或英文。
6. **每页都要显示的提示语**,比如“内部资料”“虚构示例”。可以不填。

如果没法问,就用手头的材料继续,并把每个缺口标在幻灯片上。不要用一个看起来合理的数字去填缺口。

## 步骤

1. **读 `references/style.md`。** 里面列出了每种版式的内容槽和字数上限。
2. **先把所有标题写成一张清单。** 每条都是带动词的完整判断。按顺序读一遍,单靠标题讲不通论点,就先改标题,别往下做。
3. **给每条标题选一种版式。** 第 1 页固定用 `front`,决策类演示以 `decision` 收尾。总共 6 到 12 页。
4. **把 `assets/template.html` 复制成 `slides/deck.html`。** 只改副本。
5. **留下要用的页。** 不用的版式,整段删掉 `<section class="slide">`;要重复用,就整段复制。除下面列出的内容外,其余一律不动。
6. **只改标记过的内容:**
   - 带 `data-slot` 的元素里的文字,以及 `<title>`
   - `#bs-deck` 里的三个全局内容槽
   - `chart-data` 里的 JSON,以及图表上的 `data-chart`(`bars`、`columns` 或 `line`)
   - `data-repeat` 元素的数量,在 `references/style.md` 规定的范围内整段复制或删除
   - `<html lang>`:中文写 `zh-CN`,英文写 `en`
7. **执行来源规则。**
   - 只要页面上有数字,来源槽就要以 `来源:` 开头(英文用 `Source:`)。整页都没有来源时,在这个槽里写 `<span class="flag">无来源</span>`。
   - 其他数字有来源、只有个别数字找不到时,紧挨着那个数字加 `<span class="flag">无来源</span>`,让它显示在页面上。
   - 材料里没有的事实,也用标记写明,比如 `<span class="flag">材料未提供</span>`。
   - 你自己算出来的数字,加 `<span class="calc">自行计算</span>`,并写出算式。
   - 引语必须真实、有名有姓。不是别人说的,就注明这是本文自己的判断。
8. **写演讲备注。** 填进每页的 `notes`,写页面上没有、但该说出口的话。
9. **运行检查:** `node scripts/check.mjs slides/deck.html`,脚本就在这个技能的文件夹里。按提示缩短或改正文字,直到通过。
10. **打开幻灯片,在 1280×720 下逐页看。** 放不下的内容槽会出现黑底黄字的 `OVERFLOW` 提示条,在页面里运行 `BroadsheetDeck.audit()` 会返回同样的列表,必须为空。如果你没有浏览器,交付时要直说,不能声称已经看过。

## 交付物

- `slides/deck.html`:单个文件,不发任何外部请求,用浏览器直接打开。
- 检查脚本的 PASS 输出。它会按顺序列出标题,可以直接读作论点。
- 一份清单,列出页面上还留着的所有标记,让负责人知道哪些还缺来源。

记得告诉用户按键:方向键翻页,`N` 看备注,`F` 全屏,`P` 打印成 PDF。

## Before delivering

- [ ] `node scripts/check.mjs slides/deck.html` 返回 0。
- [ ] 只按顺序读标题,就能看懂完整论点。
- [ ] 每个数字所在的页面都有来源、`flag` 标记,或带算式的 `calc` 标记。
- [ ] 没有出现用户未提供的数字、名字、引语或日期,自行计算并标明的除外。
- [ ] 每页都在 1280×720 下看过,没有 `OVERFLOW` 提示条,也没有内容被裁切。
- [ ] 每页只有一个朱红重点。
- [ ] 按 `N` 能看到演讲备注。
- [ ] 打印预览是一页一张幻灯片,并带背景色。

## 不适合用的情况

- 公司品牌规范要求用自己的模板、颜色或字体。
- 内容需要安静、克制的语气。这个风格本来就响亮,悼念、敏感的员工沟通或医疗结果都不合适。
- 之后要由别人在 PowerPoint 或 Keynote 里继续编辑。
- 内容以图片、截图或视频为主。这些版式没有图片槽。
- 没有论点,只有资料。大段查询用的表格更适合放在文档里。

## 页数和无人值守时

- 默认六到十二页。用户要求其他页数时,听用户的。目录可以少于五项。
- 除非含义完全不变(如 A$52,000 写成 A$52K),不要为了放下而缩写数字,并在回复里说明。
- 你自己算出的数字必须带“我们的计算”标记和算式。
- 没人能回答问题时,继续做,并在回复里列出所有假设。
- 交付前逐页查看,不能只看第一页。

用在这些流程里

相似技能