Menu
Export an HTML deck to PPTX via per-slide screenshots. Requires Node + pptxgenjs + puppeteer (run /doctor first).
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | export-pptx |
| description | Export an HTML deck to PPTX via per-slide screenshots. Requires Node + pptxgenjs + puppeteer (run /doctor first). |
| argument-hint | <deck.html> [output.pptx] |
| allowed-tools | Read Write Bash(node:*) Bash(realpath:*) Bash(mkdir:*) Bash(which:*) Bash(stat:*) Bash(ls:*) |
Screenshot-based PPTX export — each <section> inside <deck-stage> becomes one slide (1920×1080 image + optional speaker notes).
Bash(which node) — if missing, tell user to install Node 20+package.json has pptxgenjs + puppeteer — if not, run:
Bash(npm install -D pptxgenjs puppeteer)
/doctor first)Resolve paths:
$0 = deck HTML (required)$1 = output (default: basename + .pptx)Run the export script:
Bash(node scripts/export-pptx.mjs "<input>" "<output>")
Report size + path.
scripts/export-pptx.mjs must exist. If missing, create it (see template in spec §4.5 or ask user to run /doctor).
<deck-stage>.totalSlidesgoToSlide(i), set noscale, page.screenshot at clip 0,0,1920,1080#speaker-notes JSON (if present) and attaches per-slide notes.pptx with pptxgenjs (16:9 layout, one PNG-background slide each)--jpeg 0.8 to the script (compress to JPEG at 80% quality)Build an HTML slide deck (1920×1080, keyboard nav, exportable) when user asks for a presentation, pitch deck, slides, or keynote. Uses deck_stage.js starter and Claude Design taste rules.
Screenshot + console sweep + visual inspection of an artifact for layout/color/typography regressions. Silent on pass, reports only on issues. Use after /done reports clean and before end-of-turn.
Build animated motion design (explainer, transition reel, product intro). Uses Stage/Sprite timeline from animations.jsx for in-browser compositions or Remotion for full video/MP4 workflows.
Apply buffered tweaks from pending.yaml to the source HTML file. Invoked when user says "save tweaks", "apply tweaks", "persist panel changes", or runs /apply-tweaks.
Generate a working demo artifact on dummy content so the user can see a reference implementation. Use when user says "show me an example deck", "what does a prototype look like", "give me a starter", "I want to see an example of X". Generates live — not from a static gallery.
Extract or build a design system (tokens, components, style guide). Use for "design system", "style guide", "tokens", "UI kit".