🎬 Output

Presentation

Build interactive HTML slide decks in minutes, not hours. Arrow navigation, fullscreen, swipe support, print-to-PDF — all in a single file.

Saves 1–3 hours

What It Does

Generates a polished, interactive slide deck as one HTML file. Present from the browser with arrow keys, go fullscreen for a clean room, use swipe on a tablet, follow progress with a bar or dot nav, jump sections with scroll-style layouts where supported, and print to PDF when someone inevitably asks for a “static copy.”

No PowerPoint or Google Slides round-tripping—version control friendly, diffable as text if you strip assets, and trivial to host on any static file server.

Slide Types

Title Slide — session title, owner, date
Stat Cards — KPIs with short deltas
Before / After — problem vs. proposed state
Pipeline / Flow — stages or system diagram
Data Table — dense numbers, still legible
Feature Grid — capabilities in a matrix
Quote Gallery — customer or exec quotes
Content Cards — themed bullets per card
Timeline — milestones and owners
Two-Column Wrap-Up — decision + next steps
Big Statement — one line, high impact
Narrative — story arc across a few bullets

Pick what the room needs

The skill doesn’t force every slide type into every deck—it sequences slide types to match your narrative (e.g., Title → Stat Cards → Before/After → Timeline → Wrap-Up) so the file reads like a deliberate story, not a template dump.

Example Prompts

Create a presentation about our Q1 results
Build a deck for the board meeting
Turn this PRD into slides
Make a proposal deck for [initiative]

How It Works

Clarify topic, goal, and audience

Aligns on whether you’re informing, deciding, or selling—so tone, density, and slide count match the room.

Research when sources exist

Pulls from GitHub issues, internal docs, or data summaries you point at, so slides reflect current reality rather than placeholder lorem ipsum.

Propose an outline

Offers a slide-by-slide plan for a quick yes/no or tweak cycle before generating the full deck—cheap to change at outline stage.

Generate from the component library

Assembles the approved outline into HTML slides with shared CSS/JS patterns for navigation, fullscreen, and print.

Emit a single file

Saves one self-contained HTML document you can open locally, commit to the repo, or upload anywhere static files go.

Try It Now

Clone the repo and start using this skill in under 60 seconds.