【免费下载链接】slides-grabBest harness editor linter for generating slides in Claude Code / Codex - Claude Design Open Source Alternative项目地址https://gitcode.com/gh_mirrors/sl/slides-grab点击查看免费下载slides-grab 是一款面向 AI Agent 的幻灯片生成 导出工具能把 Claude Code / Codex 生成的 HTML 幻灯片通过一条命令批量导出为PDF、PNG、PPTX甚至可导入 Figma Slides 的 PPTX。本文面向新手完整讲解 slides-grab 导出的 4 种目标格式、常用命令参数以及实验性功能的真实风险提示。先认识 4 种导出格式slides-grab 的导出能力集中在一个 CLI 上按需求选命令即可命令输出稳定性典型用途slides-grab pdf单个.pdf✅ 稳定分享、打印、存档slides-grab png每页一张.png✅ 稳定社媒配图、缩略图、Instagramslides-grab convert.pptx⚠️ 实验性在 PowerPoint 中二次编辑slides-grab figma.pptxFigma 导入用⚠️ 实验性导入 Figma Slides 继续设计下面这张图就是真实 deck 经 slides-grab 渲染导出的效果导出命令生成的正是这种像素级还原的结果 所有工作流命令都支持--slides-dir path指定幻灯片目录默认slides。导出前置条件安装与 design gate 两道门槛一键安装步骤要求Node.js 20无需 clone 仓库npm install slides-grab npx playwright install chromium npx slides-grab install-skills --target all --scope user必须通过 design gate 才能导出这是新手最容易卡住的一步pdf、convert、figma三个导出命令都强制要求当前幻灯片文件有一份新鲜的 design gateProceed回执。如果幻灯片在通过门禁后被改过旧回执会失效stale导出会被直接拦截。slides-grab validate --slides-dir decks/my-deck # 先校验幻灯片 slides-grab design-gate --slides-dir decks/my-deck # 记录 Proceed 回执详细规则见 skills/slides-grab-export/SKILL.md 和 skills/slides-grab-design/references/design-gate.md。PDF 导出capture 与 print 两种模式怎么选capture 模式默认视觉保真优先slides-grab pdf --slides-dir decks/my-deck --output decks/my-deck.pdfcapture 模式会把每页渲染后的画面光栅化进 PDF默认 2160p所见即所得最适合直接分发。print 模式需要可搜索、可选中文字时slides-grab pdf --slides-dir decks/my-deck --mode print --output decks/my-deck-searchable.pdfprint 模式输出浏览器原生文本层适合需要复制文字、全文检索的场景但排版可能与 HTML 原样略有差异。常用参数速查--resolution preset可选720p | 1080p | 1440p | 2160p | 4k仅 capture 模式生效4k等价于2160p默认2160p--slide-mode card-news正方形 1:1 卡片模式幻灯片内含video时PDF 导出会使用视频的 poster 封面帧而非自动播放画面实现细节可参考 scripts/html2pdf.js 与分辨率预设 src/export-resolution.cjs。PNG 批量导出一页一张高清图片适合做社媒配图、缩略图或逐页归档slides-grab png --slides-dir decks/my-deck --output-dir decks/my-deck/out-png默认输出 2160p 分辨率每页一个slide-XX.png默认写入slides-dir/out-png。Instagram 方卡玩法card-news 模式slides-grab png --slides-dir decks/my-cards --slide-mode card-news --resolution 2160p--slide-mode card-news会把画框切成 720pt × 720pt 的正方形配合edit --mode card-news的编辑流程可以一键产出 Instagram 风格方卡图。模式定义见 src/slide-mode.cjs渲染实现见 scripts/html2png.js。⚠️ 图表类 deck 注意导出前建议先跑slides-grab validate确认没有empty-canvas错误并在viewer.html里确认图表已画完Chart.js 图表建议关闭动画否则可能截到未渲染完成的空画布。PPTX 导出raster 与 text 两种引擎PPTX 是 slides-grab 的实验性 / 不稳定功能但提供了两种引擎满足不同诉求raster 引擎默认保真度最高slides-grab convert --slides-dir decks/my-deck --output decks/my-deck.pptx每页渲染后作为图片贴入 PowerPoint视觉与 HTML 原样最接近--resolution参数仅对 raster 引擎可用。text 引擎文字可编辑slides-grab convert --slides-dir decks/my-deck --output decks/my-deck-editable.pptx --engine text通过 DOM 提取生成可编辑文本但代价是文本必须写在语义化标签p、h1-h6、ul、ol里裸div文字会静默丢失建议使用 web-safe 字体Arial、Helvetica 等自定义字体可能渲染异常canvas/ SVG 图形会被光栅化为图片可能直接拒绝不支持的 HTML/CSS转换器规则与字体、文本限制详见 skills/slides-grab-export/references/html2pptx.mdCLI 入口在 convert.cjs 与 scripts/html2pptx.js。Figma 导出一条命令生成可导入 Figma Slides 的文件slides-grab figma --slides-dir decks/my-deck --output decks/my-deck-figma.pptx该命令复用 HTML → PPTX 管线产出的.pptx需要手动导入 Figma在 Figma Slides 中选择Import并选中生成的文件。两点务必注意不会自动上传到 Figma 云端导入是单向的重新导入会创建一个新的Figma Slides 文件而不是更新旧文件实现见 scripts/figma-export.js 与 src/figma.js。实验性风险提示用 PPTX / Figma 前必读 ⚠️官方定位是 best-effortconvert与figma均被标记为 experimental / unstable可能出现版式偏移、文字错位导出后建议在 PowerPoint / Figma 里手动清理。design gate 是硬性拦截存在未解决的 Critical 级发现、或Proceed回执缺失 / 过期时pdf、convert、figma会直接拒绝导出——这不是 bug是质量门禁。改稿必须重新过闸导出后如果修改了任何slide-*.html源文件指纹变化会导致旧回执失效需要重新运行slides-grab design-gate。文字引擎更脆弱--engine text对 HTML 结构要求最严复杂 CSS 可能被拒绝重要场合优先用 raster 或 PDF。门禁判定流程与 Critical 分级标准见 skills/slides-grab-design/references/design-gate.md导出阶段的规则汇总见 skills/slides-grab-export/references/export-rules.md。常见问题速查Q默认分辨率是多少文件会不会很大pdf/png/convert默认都是2160p4k。想更快更小可加--resolution 1080p。Q输出文件默认写到哪里PDF 默认slides.pdfPNG 默认slides-dir/out-png/PPTX 默认slides-dir.pptx均可用--output/--output-dir覆盖。Q为什么 convert / figma 跑不起来大概率是 design gate 回执缺失或已过期。先slides-grab validate再slides-grab design-gate确认回执为Proceed后重试。Q只想发一张封面图到朋友圈用slides-grab png单页渲染16:9 原图直接可用。相关文件索引导出技能定义skills/slides-grab-export/SKILL.md导出规则参考skills/slides-grab-export/references/export-rules.mdPDF 导出脚本scripts/html2pdf.jsPNG 导出脚本scripts/html2png.jsPPTX 转换脚本scripts/html2pptx.js、convert.cjsFigma 导出脚本scripts/figma-export.js、src/figma.js分辨率 / 画幅预设src/export-resolution.cjs、src/slide-mode.cjs幻灯片 HTML 模板库templates/一句话总结PDF / PNG 是稳妥主力PPTX / Figma 是尝鲜实验——先用 capture 模式 PDF 交付需要二次编辑时再走实验性管线并在导出前确保 design gate 已通过。✅赞分享【免费下载链接】slides-grabBest harness editor linter for generating slides in Claude Code / Codex - Claude Design Open Source Alternative项目地址https://gitcode.com/gh_mirrors/sl/slides-grab点击查看免费下载相关推荐gogcli gog slides export 完全指南将 Google Slides 演示文稿导出为 PDF 与 PPTXgogcli gog slides export 完全指南将 Google Slides 演示文稿导出为 PDF 与 PPTX gog slides expoSlidev导出功能深度解析PDF、PPTX、PNG全格式攻略Slidev导出功能深度解析PDF、PPTX、PNG全格式攻略 Slidev作为开发者专属的演示文稿工具其强大的导出功能让你能够将精美的幻灯片轻松转换为PD前端开发工具Gephi导出功能完全指南PNG、SVG、PDF格式的最佳实践Gephi导出功能完全指南PNG、SVG、PDF格式的最佳实践 Gephi作为专业的开源网络可视化平台提供了强大的导出功能让用户能够将精心设计的网络图保存数据可视化数据分析桌面应用创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
