用途:slides-grab-html 是 slides-grab 的 HTML 模式演示流水线,用于构建语义化 slide-XX.html 幻灯片。文字是真实 HTML(可选中、可编辑、可访问),图像仅作为辅助的 hero/accent 素材,不生成整页位图。适合需要可编辑演示、含图表或图示、或没有模板要求像素级匹配的场景。若计划阶段在 slide-outline.md 记录 mode: html,或未记录模式,则默认走此流水线。
主要能力与用法:分三阶段。规划阶段用 slides-grab-plan,输入主题、受众、语气,运行 slides-grab list-styles 挑选 2–3 个内置样式并获批准,可用 slides-grab preview-styles;若用户仅提供参考模板/PDF/PPTX 用于取色,可用 slides-grab import-template 并记录 style: template-pack。设计阶段用 slides-grab-design,读取已批准的 slide-outline.md 与样式规范,先写视觉论点、内容计划、系统声明与设计令牌,再生成两位编号的 slide-XX.html。配图用 slides-grab image --prompt "<accent-visual prompt>" --slides-dir <path>,默认 codex provider 复用本地 Codex 登录(~/.codex/auth.json,需先 codex login,无需 API key),保存到 <slides-dir>/assets/;可用 --reference 传参考图,可选 --provider openai 或 --provider nano-banana。复杂图示用 slides-grab tldraw;图表默认 Chart.js,从 templates/chart.html 起步,保持 animation: false、responsive: true、maintainAspectRatio: false;视频存 assets/ 并优先 poster;图标优先 Lucide。运行 slides-grab validate --slides-dir <path> 并自动修复至通过,再跑设计门禁(Pass A 系统契约 + Pass B 受众影响),用 slides-grab design-gate 记录 proceed。可用 slides-grab edit 打开 HTML 编辑器,图表类可跑 slides-grab build-viewer。导出阶段用 slides-grab-export,需新的 Proceed 门禁回执:宽屏用 slides-grab pdf,逐页 PNG 用 slides-grab png --resolution 2160p,卡片新闻用 --slide-mode card-news,PPTX/Figma 为实验性 slides-grab convert / slides-grab figma。
限制:幻灯片尺寸固定 720pt × 405pt;文字必须用语义标签(p、h1-h6、ul、ol、li),不得直接放在 div/span;背景仅限 div;禁用 CSS 渐变,需用纯色填充;本地图片视频放 assets/ 并以 ./assets/<file> 引用,保存的 HTML 不得留远程 http(s) 图片 URL;正文 ≥14pt,绝对下限 10pt;避免常见 AI 套路。validate 未通过不得送审,设计门禁有未解决 Critical 项不得导出。若凭据不可用,可回退为网络搜索并下载到 assets/。其余细节暂未提供。