用途
make-a-deck 用于把演示内容制作成一页自包含的 HTML 演示文稿，面向演讲场景。它的设计思路不是网页设计，而是顾问、分析师或高管准备董事会材料时的思路：清晰、叙事流畅、后排可读。每个幻灯片既是排版设计练习，也是文案练习。
主要能力
- 输出为单个自包含 HTML 页面，采用 deck-stage 组件。
- 通过
<deck-stage width="1920" height="1080">与每页一个<section data-label="…">组织幻灯片。 - deck-stage 组件负责：黑边缩放、键盘与点击导航、幻灯片计数叠加、演讲者备注 postMessage 契约、data-screen-label / data-om-validate 标记，以及打印为 PDF（每页一页）。
- 支持后续 PPTX 导出：向 gen_pptx 传入 resetTransformSelector: "deck-stage"；组件支持 noscale 属性以禁用 shadow-DOM 缩放。
- 静态 HTML 内容在编辑模式中可直接点击修改并回写源文件。
- 包含 Tweaks 面板（tweaks-panel.jsx）用于控制，不视为幻灯片内容。
使用方式
- 如果用户没有给出演示时长（分钟），需要询问。
- 如果用户没有给出视觉风格且没有提供设计系统，需要通过 ask_user 工具询问，包括设计系统问题以及文本或 SVG 方向选项，不要只给通用设计。
- 开始前先写大纲，并把完整标题序列写入 scratchpad.md。标题只读一遍就能让读者跟随演示流程，像书的章节。
- 在写任何幻灯片前，先在
<head>的<style>中用 CSS 自定义属性定义字体比例与间距。资料给出的 1920×1080 起始比例示例：--type-title: 64px; --type-subtitle: 44px; --type-body: 34px; --type-small: 28px; --pad-top: 100px; --pad-bottom: 80px; --pad-x: 100px; --gap-title: 52px; --gap-item: 28px;。1280×720 按约 0.67 缩放。所有字号、内边距和间距都通过 var(…) 引用这些变量。 - 幻灯片内容写成静态 HTML，而不是 React 或脚本生成的 DOM。文字放在各自叶子元素中，重复结构直接写出，不用数组循环生成。
- 使用至少 48px 的标题字号。用户给出的字号按点（pt）理解，转换公式为 px = pt × 1.333。
- 图片方面：查看图片并决定最佳展示方式；全出血图片可做宽高比填充；截图和图表必须按宽高比适配，且很少叠加；透明或适配图片应配对比背景色；在图片上放文字时按品牌惯用做法使用卡片、保护性渐变或模糊。
- 保持幻灯片之间的平滑过渡，风格干净专业，留白充足，字体有力，配色统一。尽量使用用户提供的图片、品牌资产或图标。除要求外不要使用 emoji 或自绘素材。
- 追求视觉多样性，混合全图页、不同背景色、大数字或图表、引言、表格和部分文字页。保持视觉平衡，避免大量顶部对齐文字或几乎空白的幻灯片。
- 务必避免单页文字过多，规划时考虑哪些部分更适合用表格、图表、引言或图片。
- 注重平行结构：章节标题页外观一致，重复文字元素位置一致。
- 不要在
<section>幻灯片元素上自行设置 position/inset/width/height，deck-stage 会为每个子元素绝对定位。
适用场景
适用于制作演讲用幻灯片，例如咨询、分析或高管汇报材料。资料未提供除 HTML 演示文稿外的其他具体适用场景。
限制
- 幻灯片尺寸固定为 1920×1080（16:9），1280×720 需按约 0.67 缩放。
- 小于 24px 的字号会触发验证器报错。
- 书写标题时应避免常见的 AI 腔调：不要过度戏剧化、不要无端制造张力（如“It's not X. It's Y.”）、不要强命令式、不要过度重构、不要做作悬念或虚假洞见；避免“The magic moment”这类听起来像演讲者包袱的标题。
- 资料未提供收费、价格、支持平台以及除 HTML 演示文稿外的其他限制，这些信息暂未提供。