slide-deck-builder 是一款用于制作演示幻灯片的技能,可创建或编辑自包含的 HTML 幻灯片,覆盖演示、路演、工作坊与教学等场景。当用户提出要做幻灯片而未指定文件格式时,默认输出 HTML;若指定 PowerPoint 或 .pptx,则生成原生 PPTX 而非转换 HTML;若使用已安装的原生 Google Slides 能力,则走原生 Slides,不通过 HTML 往返。编辑现有幻灯片时,会保留其格式、视觉体系与可复用组件。
使用前需先确定叙事:用一句话定义沟通任务(“到结束时,[受众]应[理解/相信/做什么],因为[核心结论]”),选择合适的叙事弧线,再写幻灯片叙事,每页只承担一个叙事任务,标题为可自然说出的结论式标题,不使用固定页数公式。视觉上每页采用一种有目的的构图。
HTML 输出为单一自包含文件,不使用外部字体、CDN 链接或 CDN 图片;本地图片(如二维码、截图、标志)可放在 HTML 旁并使用相对路径。布局采用固定 16:9 舞台并按比例缩放适配视口,必要时加黑边;主题通过 CSS 变量实现,在 :root 中一次定义整套配色。字体上,演示标题约 64–88px,普通页标题约 50–72px,正文 24–28px,数据数字 90–120px。导航支持方向键、点击或触摸、Home 与 End、页码计数、轻微淡入过渡及可选的逐页讲者提示,并尽量把导航状态存于 URL hash。可读性方面按明亮房间的投影仪考虑:正文对比度至少 4.5:1,大字至少 3:1;强调色仅用于小标记;除非经过投影测试,避免整页深色背景。
内容规则包括每页一个观点、仅保留面向受众的文案、低密度、统一强调色、避免整段项目符号堆砌、大字号与留白、通过 :root 变量管理主题、保证说法准确。构建后需在 1280×720 画布及已知目标场馆分辨率下全尺寸渲染检查每页。无控制模板的 HTML 可运行 node scripts/audit-html-rendered.mjs path/to/deck.html;PPTX 可运行 python3 scripts/audit-pptx.py path/to/deck.pptx(OGP 幻灯片加 --ogp),并修复所有失败项。该技能还要求配合 Claude 或 Claude Code 时阅读 references/claude.md,教学类幻灯片先阅读 references/learning-decks.md,GCWC 与 OGP 幻灯片分别阅读对应参考文件;其他格式的具体限制与依赖暂未提供。