slides-grab-card-news
Generate square Instagram-style card news by reusing the slides-grab workflow with card-news…
Stage 3 conversion skill usable in Codex and Claude Code. Convert approved HTML slides to PDF or per-slide PNG reliably, and to experimental / unstable PPTX/Figma outputs on a best-effort basis.
$ npx -y skills add nomadamas/slides-grab --skill slides-grab-export --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/slides-grab-exportContext preview
The summary Claude sees to decide when to auto-load this skill.
Stage 3 conversion skill usable in Codex and Claude Code. Convert approved HTML slides to PDF or per-slide PNG reliably, and to experimental / unstable PPTX/Figma outputs on a best-effort basis.
name: slides-grab-export description: Stage 3 conversion skill usable in Codex and Claude Code. Convert approved HTML slides to PDF or per-slide PNG reliably, and to experimental / unstable PPTX/Figma outputs on a best-effort basis. metadata: short-description: Convert slides and run conversion checks
Use this only after the user approves design output **and the Stage 2 design gate verdict is `Proceed`** (zero unresolved Critical findings — see `../slides-grab-design/references/design-gate.md`). PDF, PPTX, and Figma exports require a fresh `slides-grab design-gate` Proceed receipt for the current slide files.
Convert reviewed slide HTML into PDF or per-slide PNG reliably, and into experimental / unstable PPTX/Figma outputs on a best-effort basis.
1. Confirm user approval for conversion **and that the Stage 2 design gate passed** with verdict `Proceed`. If any **Critical** design-gate finding is still unresolved, refuse to export — return to Stage 2, fix the Critical issue, re-run the gate, record Proceed with `slides-grab design-gate`, and only then convert. 2. Pick the right primary target:
3. When per-slide raster output is needed (card news, social posts, thumbnails):
4. If the user also wants a PDF deck:
5. For decks with Chart.js or other `<canvas>` charts, confirm `slides-grab validate --slides-dir <path>` passes without `empty-canvas`, then build/open `viewer.html` once before export. Chart.js charts should use disabled animation so PDF/PNG capture sees the final painted state. 6. If the user wants PPTX (experimental / unstable):
7. If the user wants Figma-importable PPTX (experimental / unstable):
8. Report success/failure with actionable errors.
For detailed conversion behavior and tools, use:
Best harness + editor + linter for generating slides in Claude Code / Codex - Claude Design Open Source Alternative
Repo: nomadamas/slides-grab
Generate square Instagram-style card news by reusing the slides-grab workflow with card-news…
Stage 2 design skill usable in Codex and Claude Code. Generate and iterate slide-XX.html…
HTML-mode presentation pipeline usable in Codex and Claude Code. Build semantic slide-XX.html…
Image-native presentation pipeline usable in Codex and Claude Code. Generate whole-slide…
Stage 1 planning skill usable in Codex and Claude Code. Build and iterate slide-outline.md…
End-to-end presentation workflow usable in Codex and Claude Code. Routes the user request to…