
免费
号外幻灯片
排成报纸头版的网页幻灯片,只读标题就能看懂论点。
安装
把“号外幻灯片”技能安装到 ~/.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 按不同需求制作,它只有安装好的技能,没看过预览。
这是按虚构需求做的一次测试。系统字体不同时,字形可能略有差异。
生成一份可离线打开的 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),不要为了放下而缩写数字,并在回复里说明。 - 你自己算出的数字必须带“我们的计算”标记和算式。 - 没人能回答问题时,继续做,并在回复里列出所有假设。 - 交付前逐页查看,不能只看第一页。



