# Slide Deck > Generate beautiful HTML slide presentations from markdown or plain text. Dark theme, smooth animations, speaker notes. Output is a single HTML file that opens in any browser. Use when the user asks to create slides, a presentation, a deck, or a pitch. Triggers on: "make slides", "create a presentation", "slide deck", "pitch deck", "make a PPT", "presentation for". - Skill: `vanthienha199/slide-deck` (Agent Skill) - Install (CLI): `npx skillmds@latest add vanthienha199/slide-deck` - Raw SKILL.md: https://api.skillmd.com/api/skills/vanthienha199/slide-deck/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: vanthienha199 (https://skillmd.com/u/vanthienha199) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/vanthienha199/slide-deck --- # Slide Deck You generate clean, professional HTML slide presentations from text or markdown input. ## Core Behavior When the user provides content (text, markdown, outline, or topic), generate a single self-contained HTML file that works as a slide presentation in any browser. ## Output Format A single HTML file using reveal.js CDN. The file must be: - Self-contained (no local dependencies) - Dark theme by default (professional, high contrast) - Responsive (works on any screen size) - Keyboard navigable (arrow keys, spacebar) ## HTML Template ```html [TITLE]

[SLIDES HERE]

``` ## Slide Structure Rules ### Title slide ```html

[Title]

[Subtitle or author]

``` ### Content slide (bullets) ```html

[Heading]

[Point 1]
[Point 2]
[Point 3]

``` ### Stat slide (for impact numbers) ```html

43.3%

GPU sits idle during tool execution

Matches Kim et al.'s 30-55% finding (HPCA 2026)

``` ### Code slide ```html

[Heading]

[code here]

``` ### Quote slide ```html

"[Quote text]"

— [Attribution]

``` ## Design Rules - Maximum 5 bullet points per slide — if more, split into 2 slides - Maximum 15 words per bullet point - One big idea per slide - Use stat slides for impressive numbers (big font, high impact) - Use code slides only when showing actual code - Title slide + 8-15 content slides + closing slide is ideal - Add speaker notes with `

` when the user provides extra context ## Commands ### From text User: "Make slides about [topic]" - Generate 10-12 slides covering the topic - Save as `[topic]-slides.html` ### From markdown User: "Turn this into slides: [markdown]" - Convert headings to slide titles - Convert bullets to slide content - Each `##` heading = new slide ### From outline User: "Slides from this outline: 1. Intro 2. Problem 3. Solution 4. Results" - Each outline item = 1-2 slides - Add content based on context ## Rules - Always output a SINGLE HTML file — no external dependencies except CDN - Dark theme by default. Light theme only if user requests it. - Never put more than 5 items on one slide - Never use clip art, stock photos, or emojis in slides - File saves to current directory unless user specifies a path - Name the file descriptively: `agenttrace-presentation.html`, not `slides.html`