# Slide Creator — Neo-Retro Dev Deck

SPEAKER NOTES — SLIDE 1
Claude Code Skill v1.8
SLIDE-CREATOR
zero-dependency HTML presentations for Claude Code
21 STYLES
ZERO DEPS
1 HTML FILE
System Architecture
HOW IT WORKS
YOUR CONTENT
notes, docs, PLANNING.md, images, PPTX
INPUT
↓
/SLIDE-CREATOR
style discovery → layout generation → code quality checks
SKILL
↓
PRESENTATION.HTML
inline CSS + JS · inline editing · presenter mode · PPTX export
OUTPUT
Key Features
WHAT YOU GET
21 STYLES
🎨
curated design presets

Bold Signal, Swiss Modern, Terminal Green, Chinese Chan, Neo-Retro Dev Deck + 16 more. Each with named layout variations.

INLINE EDIT
✏️
press E to edit in browser

Click any text. Edit in place. Ctrl+S saves back to the HTML file. No external editor needed.

PRESENTER MODE
🎤
press P to open presenter

Speaker notes + elapsed timer + navigation. Syncs via BroadcastChannel API. Offline-capable.

// BEFORE — without slide-creator

- Pick a tool (Canva? Keynote? Miro?)
- npm install reveal.js or impress.js
- Depend on 3 CDN libraries per slide
- Re-roll AI prompts until output looks OK
- Export → broken fonts, missing images

// AFTER — with slide-creator

- /slide-creator
- Pick a style from 21 presets
- Get presentation.html
- Zero dependencies · runs offline
- Edit inline · export to PPTX · done

ONE COMMAND.
ONE FILE.
ZERO EXCUSES.

- no npm install, no CDN, no build pipeline
- show 3 visual style previews before committing
- every slide fits exactly one viewport — no scrolling
- works offline · edit in browser · export to PPTX

Reference
COMMANDS

/slide-creator | Interactive: style discovery → content → generate. Best for starting fresh.
/slide-creator --plan | Scan resources/, create PLANNING.md outline. Stops before generating HTML. Think before you code.
/slide-creator --generate | Read PLANNING.md, skip questions, generate HTML. Fast path from plan to deck.
/slide-creator --export pptx | Screenshot every slide via system Chrome → assemble .pptx. No Node.js, no Chromium download.

By The Numbers
THE STATS
21
STYLES
curated presets
dark themes
light themes
specialty
1
HTML FILE
output format
inline CSS ✓
inline JS ✓
no CDN calls ✓
runs offline ✓
0
NPM DEPS
runtime requirements
no node_modules
no package.json
no build step
just html
Install
GET STARTED
IN 30 SECONDS
git clone https://github.com/kaisersong/slide-creator ~/.claude/skills/slide-creator
Step 1: Clone → Step 2: /slide-creator → Step 3: Ship it
no build step · no config · just run