Graphic Slide Deck 是一个技能，用于从简报、内容笔记或现有文件生成专业设计的 HTML 幻灯片演示文稿。输出是一个单独的自包含 HTML 文件，可在任何浏览器中打开，无需构建工具。
核心规则： 每张幻灯片必须适应 100vh，幻灯片内不允许滚动。内容溢出时拆分为两张幻灯片。 所有字体大小和间距必须使用 clamp()，缩放元素上绝不使用固定 px/rem。 单个自包含 HTML：所有 CSS/JS 内联。除字体 CDN 链接外零外部依赖。 绝不在聊天中输出 HTML。保存到文件，只显示摘要。 不使用通用 AI 风格——对照 references/style-presets.md 中的 DO NOT USE 列表检查。
工作流程：
第 1 步：简报采集 开始需要三样东西：用途、受众、主题或内容。如果消息中已提供全部三项，跳到第 2 步；缺任何一项则询问。
第 2 步：完整采集 一次性按类别分组询问所有问题，用户可跳过。问题包括内容（关键信息、幻灯片数量 Short 5-10/Medium 10-20/Long 20+、内容来源、现有素材）、设计（风格 midnight-editorial / matt-gray / clean-slate / brutalist / mint-pixel-corporate / product-minimal / magazine-red / soft-cloud / "show me options"、宽高比 16:9 或 1:1、内联编辑）、输出（HTML only / HTML + PDF / HTML + PDF + 部署到 URL、演示文稿名称）。跳过时应用默认值：关键信息从用途和主题推导、幻灯片数量 12、内容来源仅主题、现有素材无、风格 clean-slate、宽高比 16:9、内联编辑否、输出格式 HTML + PDF、名称从主题 slug 推导。如果风格为 "show me options"，生成 3 个单页 HTML 预览并让用户选择。
第 2.5 步：内部设计方向（不向用户展示） 从第 2 步答案确定视觉特征（如 midnight-editorial 或 magazine-red 对应 dark-editorial，clean-slate 或 product-minimal 对应 light-minimal 等）、一张不可错过的幻灯片（投资者推介对应 stat-highlight 等），以及布局选择偏好。绝不向用户询问设计方向。
第 3 步：结构设计 阅读 references/layout-library.md 后规划完整幻灯片序列，为每张幻灯片分配 13 种布局类型之一。提供不同类型演示文稿的典型结构，如投资者推介 12 页：title-hero、section-divider、text-full、text-left-image-right、image-full、stat-highlight、comparison-table、timeline、text-full、stat-highlight、text-left-image-right、closing-cta。输出编号列表并等待确认。
第 4 步：内容起草 按顺序撰写每张幻灯片的文案，纯文本无 HTML。每种布局有对应的文案规则，如 title-hero 标题最多 6 字加副标题，stat-highlight 2-4 个指标写成 NUMBER | label 且零正文。禁用词包括 powerful、seamless、game-changing、leverage、innovative、revolutionary、transform、cutting-edge、robust、unlock、scalable。文案哲学：片段即可，数字胜过形容词，每个词都有其价值。
第 5 步：HTML 生成 生成前阅读本技能参考文件和 cross-references 文件（viewport-base.css 等）。生成规则包括：单个自包含 HTML，内联 CSS/JS，仅字体 CDN；完整原样包含 viewport-base.css 内容；字体仅来自 Google Fonts 或 Fontshare；使用 SlidePresentation 类实现键盘导航、触摸滑动、进度条、导航圆点；如选择内联编辑则实现完整系统包括 exportFile()；处理宽高比；每个幻灯片 section 使用 class="slide"；在每张幻灯片前添加注释；应用不可错过的幻灯片最大视觉权重；无图片时使用 CSS 生成视觉；排版纪律如统计数字 clamp(3.5rem, 12vw, 9rem) 等。
第 6 步：自检 QA 检查视口和渲染、结构、设计质量、内容等各项。每个失败项需修复后重新检查。
第 7 步：输出 保存主 HTML 到 deck/[name]-slides/index.html 并打开。始终生成逐页 HTML 文件。如请求 PDF 则运行导出脚本（首次运行自动安装 Playwright 约 30-60 秒）。如请求部署则运行部署脚本。清理预览文件。
第 8 步：摘要（聊天中无 HTML） 展示演示文稿摘要，包括文件路径、导航方式、自定义方法、检查清单。不在聊天中打印 HTML。
布局参考： title-hero 开场幻灯片；section-divider 章节分隔；text-full 标题加项目符号或段落；text-left-image-right 并排文本加图片；image-left-text-right 图片在前；two-column-text 对比、优缺点、前后；image-full 全出血图片；image-grid 2×2 或 3×2 图库；stat-highlight 2-4 个大型 KPI 指标；quote-callout 带署名的引用；comparison-table 功能/选项对比表；timeline 水平或垂直里程碑；closing-cta 最终幻灯片 CTA 加联系信息。