slides-grab 导出技能
将审核通过的 HTML 幻灯片可靠地转换为 PDF 或逐页 PNG，并提供尽力而为的 PPTX/Figma 导出。
技能要求用户明确批准并要求 Stage 2 设计门（design-gate）的 Proceed 回执才允许导出，无隐蔽数据外发，转换仅读本地 slide HTML 并写本地输出文件，权限范围合理；扣分点：回执校验逻辑依赖打包 CLI 未经静态验证，MIT 许可与作者署名明确但发布者未经验证，无独立的安全审查。
静态审查上限为10。SKILL.md 与 references 命令一致（pdf/png/convert/figma/validate），失败反馈规则明确（诊断根因、报告 actionable errors、PPTX/Figma 明示实验性）；仓库含大量针对 design-gate 阻断、pptx 转换的已提交测试，但无执行证据且未见运行测试的 CI workflow，边界输入（异常 HTML/CSS）行为部分依赖 best-effort 描述，扣分。
适用场景清晰：card-news/宽屏演示/PPTX/Figma 导入各有明确命令与触发条件；明确声明实验性边界（PPTX、Figma、text engine 限制）；扣分点：核心依赖 Node>=20、Playwright、Chromium 及 npm 安装路径，文档无中文支持说明，大陆网络访问 GitHub/npm/Playwright 下载可能受限。
文档分层良好：SKILL.md 主流程 + 4 个 references（导出规则、html2pptx、OOXML、PPTX 参考），示例丰富，已知限制充分披露，MIT 许可明确；扣分点：技能本身无版本号或 changelog，安装依赖说明散落在 README（非技能内），维护责任仅通过 package. author 间接体现。
静态上限为7。声称完成 HTML→PDF/PNG 可靠转换与 PPTX/Figma best-effort 转换，测试覆盖导出阻断与转换路径，相对手工转换有明确边际价值；但 PPTX/Figma 明示需人工清理，输出质量与代表性产物未经执行验证，扣分。
静态上限为5。有可审计的第一手材料：SKILL.md、references、已提交的测试套件（design-gate、pptx 转换测试）与 package. 依赖清单相互印证；但无第三方执行证据、无 CI 测试 workflow 在证据中，结论无法独立复现，扣分。
- PPTX 与 Figma 导出为实验性/不稳定功能，产物可能需要人工清理，请勿用于一次成型的高保真交付。
- 导出依赖 design-gate Proceed 回执机制，该机制由打包 CLI 实现，未经验证前请将阻断视为提示而非硬保证。
- 运行需 Node>=20、Playwright/Chromium 与 npm 安装，中国大陆网络可能遇到下载受限，建议预配置镜像。
- text 引擎要求语义化文本标签并可能拒绝部分 HTML/CSS，canvas/SVG 会被栅格化。
- 发布者未经验证，静态审查未执行任何命令，实际转换质量需自行小规模试跑确认。
这个 Skill 能做什么，适合哪些场景？
slides-grab-export 是 slides-grab 工具集（共 7 个技能）中的第三阶段转换技能，可在 Claude Code 与 Codex 中使用。它读取已通过设计门禁（design-gate）审批的 slide-*.html 文件，通过 slides-grab CLI 生成 PDF、逐页 PNG（含 1:1 卡片新闻模式）或实验性 PPTX/Figma 输出。导出被硬性前置条件约束：必须存在最新的 design-gate Proceed 回执，任何未解决的 Critical 设计问题都会阻止转换。PPTX 与 Figma 导出被明确标注为实验性、不稳定，可能需要手动清理。
确认用户批准与 Stage 2 设计门禁 Proceed 回执；按场景选择导出目标——宽屏幻灯片用 slides-grab pdf，卡片/社媒图用 slides-grab png --slide-mode card-news --resolution 2160p；对含 Chart.js 等 canvas 图表的幻灯片先运行 slides-grab validate 检查 empty-canvas，并打开一次 viewer.html 确认渲染完成；需要 PPTX 时用 slides-grab convert（raster 引擎为默认视觉保真导出，text 引擎生成可编辑文本），Figma 导入用 slides-grab figma；导出失败时诊断源 HTML/CSS 并报告可操作的错误信息。
- 需要将代理生成的宽屏 HTML 演示文稿定稿为 PDF 分发的团队。
- 运营人员批量制作 Instagram 风格 1:1 卡片新闻并输出 2160p PNG。
- 需要把幻灯片交给 PowerPoint 后续编辑、且能接受手动修整的用户（text 引擎 PPTX）。
- 使用 Figma Slides 并希望以 PPTX 方式导入现有 HTML 幻灯片的设计师。
- 图表密集型演示文稿在导出前需要验证 canvas 图表已正确渲染的作者。
这个 Skill 有哪些优点和局限？
- PDF 与 PNG 导出被定位为可靠路径，且支持最高 2160p/4k 分辨率。
- 设计门禁作为硬前置条件，防止未修复 Critical 问题的幻灯片被导出。
- 针对 Chart.js/canvas 图表提供了明确的空图表诊断流程。
- 跨 Claude Code 与 Codex 可用，安装路径有官方文档。
- PPTX 与 Figma 导出为实验性/不稳定，可能出现布局偏移并需手动清理。
- text 引擎要求语义化文本标签，可能拒绝不支持的 HTML/CSS，且 canvas/SVG 会被栅格化；--resolution 仅适用于 raster 引擎。
- 导出回执为强校验，回执过期或缺失时命令直接阻断。
- 源材料未提供测试覆盖率、性能基准或失败率数据。
如何安装这个 Skill？
本技能随 slides-grab 整体安装：运行 npm install slides-grab && npx playwright install chromium，再执行 npx slides-grab install-skills --target all --scope user 将共享技能装入 Codex 与 Claude Code；或用 Vercel Agent Skills：npx skills add ./node_modules/slides-grab -g -a codex -a claude-code --yes --copy --full-depth。技能文件位于仓库 skills/slides-grab-export/。环境要求 Node.js >= 20。
如何使用这个 Skill？
前提是幻灯片已通过 Stage 2 设计门禁并有最新 Proceed 回执。典型指令示例：'把 decks/my-deck 导出为 PDF' 或 '用 card-news 模式渲染逐页 PNG'。常用命令：slides-grab pdf --slides-dir <path> --output <name>.pdf；slides-grab png --slides-dir <path> --output-dir <path>/out-png --resolution 2160p；slides-grab convert --slides-dir <path> --output <name>.pptx --engine raster|text；slides-grab figma --slides-dir <path> --output <name>-figma.pptx。注意回执缺失或过期时 pdf/convert/figma 会被阻断。
这个 Skill 与同类方案有什么区别？
README 将其定位为 Claude Design 的开源替代方案；slides-grab 整体提供 HTML/CSS 幻灯片的代理驱动编辑与可视化 bbox 选择，而本技能仅负责其中经审核后的导出环节。