You have great content — but great content deserves a great presentation. AI can generate slides, but the results are inconsistent and re-rolling gets old fast. Slide-Creator gives you stable, polished output every time: pick a style that fits your audience, and let the model handle the rest. Go grab a coffee ☕

A skill for Claude Code and OpenClaw that generates stunning, zero-dependency HTML presentations.

v1.9.0 — 21 design presets with named layout variations per style, content-type → style routing, visual rhythm rules for better pacing, language auto-detection, and two new styles: Modern Newspaper and Neo-Retro Dev Deck. Presenter Mode (P key), inline SVG diagrams, custom theme system (themes/ directory). PPTX export via Playwright + system Chrome, no Node.js.

English | 简体中文

Live Demo

See what slide-creator produces — open directly in your browser:

🇺🇸 slide-creator intro (English) — what the skill is and how it works
🇨🇳 slide-creator 介绍（中文） — 同上，中文版

Both demos above use the Blue Sky style. Click any screenshot below to open the live demo:

Blue Sky ✨	Bold Signal	Electric Studio
Creative Voltage	Dark Botanical	Notebook Tabs
Pastel Geometry	Split Pastel	Vintage Editorial
Neon Cyber	Terminal Green	Swiss Modern
Paper & Ink	Aurora Mesh	Enterprise Dark
Glassmorphism	Neo-Brutalism	Chinese Chan
Data Story	Modern Newspaper	Neo-Retro Dev Deck

Every demo uses the same content (slide-creator's own introduction) — making it easy to compare how the same topic looks across completely different design philosophies.

Features

Two-stage workflow — --plan to outline, --generate to produce
21 design presets — Bold Signal, Blue Sky, Modern Newspaper, Neo-Retro Dev Deck, and more — each with named layout variations
Content-type routing — Automatically suggests the best style for pitch decks, dev tools, data reports, editorial, and more
Style discovery — Generate 3 visual previews before committing to a style
Presenter Mode — Press P to open a synced speaker window: notes, timer, slide counter, prev/next nav; window height auto-adapts to notes length
Inline SVG diagrams — Flowcharts, timelines, bar charts, comparison grids, org charts — no Mermaid.js, no external libs
Custom theme system — Drop a reference.md into themes/your-theme/ to add your own design preset; starter.html optional for complex visual systems
Blue Sky starter template — Complete boilerplate so models never mis-implement the visual system
Image pipeline — Auto-evaluate and process assets (Pillow)
PPT import — Convert .pptx files to web presentations
PPTX export — --export pptx via Playwright + system Chrome
Inline editing — Edit text in-browser, Ctrl+S to save
Viewport fitting — Every slide fits exactly in 100vh, no scrolling ever
Bilingual — Chinese / English support

Install

Claude Code

git clone https://github.com/kaisersong/slide-creator ~/.claude/skills/slide-creator

Restart Claude Code. Use as /slide-creator.

OpenClaw

# Via ClawHub (recommended)
clawhub install html-slide-creator

# Or manually
git clone https://github.com/kaisersong/slide-creator ~/.openclaw/skills/slide-creator

ClawHub page: https://clawhub.ai/skills/html-slide-creator

OpenClaw will automatically detect and install dependencies (Pillow, python-pptx, playwright) on first use.

Usage

/slide-creator --plan       # Analyze content + resources/, create PLANNING.md
/slide-creator --generate   # Generate HTML presentation from PLANNING.md
/slide-creator --export pptx  # Export to PowerPoint
/slide-creator              # Start from scratch (interactive style discovery)

Requirements

Dependency	Purpose	Auto-installed (OpenClaw)
Python 3 + `Pillow`	Image processing	✅ via uv
Python 3 + `python-pptx`	PPT import/export	✅ via uv
Python 3 + `playwright`	PPTX export (uses system Chrome)	✅ via uv

Node.js is not required. PPTX export uses your existing Chrome/Edge/Brave — no 300MB Chromium download.

Claude Code users — install manually:

pip install Pillow python-pptx playwright

Output

Single-file presentation.html — zero dependencies, runs entirely in the browser.

Optionally exports PRESENTATION_SCRIPT.md (speaker notes) and .pptx.

Inline Editing

Every generated presentation includes a built-in text editor — no need to touch the HTML file.

How to enter edit mode:

Hover the top-left corner of the screen → an edit button appears, click it
Or press E on your keyboard

In edit mode:

Click any text on the slide to edit it directly
Ctrl+S (or Cmd+S on Mac) — save changes back to the HTML file
Escape — exit edit mode without saving

To enable inline editing, answer "Yes" when slide-creator asks during setup (it's the recommended default). If you generated a presentation without it, just re-run /slide-creator --generate and opt in.

Design Presets

21 curated styles — no generic AI aesthetics.

Preset	Vibe	Best For
Bold Signal	Confident, high-impact	Pitch decks, keynotes
Electric Studio	Clean, professional	Agency presentations
Creative Voltage	Energetic, retro-modern	Creative pitches
Dark Botanical	Elegant, sophisticated	Premium brands
Blue Sky ✨	Airy, enterprise SaaS	Product launches, tech decks
Notebook Tabs	Editorial, organized	Reports, reviews
Pastel Geometry	Friendly, approachable	Product overviews
Split Pastel	Playful, modern	Creative agencies
Vintage Editorial	Witty, personality-driven	Personal brands
Neon Cyber	Futuristic, techy	Tech startups
Terminal Green	Developer-focused	Dev tools, APIs
Swiss Modern	Minimal, precise	Corporate, data
Paper & Ink	Literary, thoughtful	Storytelling
Aurora Mesh	Vibrant, premium SaaS	Product launches, VC pitch
Enterprise Dark	Authoritative, data-driven	B2B, investor decks, strategy
Glassmorphism	Light, translucent, modern	Consumer tech, brand launches
Neo-Brutalism	Bold, uncompromising	Indie dev, creative manifesto
Chinese Chan	Still, contemplative	Design philosophy, brand, culture
Data Story	Clear, precise, persuasive	Business review, KPI, analytics
Modern Newspaper	Punchy, authoritative, editorial	Business reports, thought leadership
Neo-Retro Dev Deck	Opinionated, technical, handmade	Dev tool launches, API docs, hackathons

Blue Sky

Light sky-blue gradient background (#f0f9ff → #e0f2fe) with floating glassmorphism cards and animated ambient orbs. Inspired by a real enterprise AI pitch deck — the CloudHub V12 MVP presentation. Feels like a high-altitude clear day: open, confident, premium.

Signature elements: grainy noise texture overlay · 3 animated blur orbs repositioning per slide · glassmorphism cards with backdrop-filter · 40px tech grid with radial mask · spring-physics horizontal slide transitions · cloud hero effect on title slides.

A complete starter template (references/blue-sky-starter.html) ships with the skill — all 10 signature visual elements are pre-built so models only need to fill in slide content.

Compatibility

Platform	Version	Install path
Claude Code	any	`~/.claude/skills/slide-creator/`
OpenClaw	≥ 0.9	`~/.openclaw/skills/slide-creator/`