Slide Creator — Neo-Retro Dev Deck

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