# Slide Creator — Modern Newspaper

SPEAKER NOTES — SLIDE 1
A Skill for Claude Code V1.8 · 2025 · Issue No. 1
SLIDE·
CREATOR
Zero-dependency HTML presentations. Polished output, every time. ↓ Scroll to read
AI
The Problem
AI CAN GENERATE SLIDES.
THE RESULTS ARE INCONSISTENT.
The Old Way

Re-roll prompts hoping for better output. Spend hours adjusting fonts, colors, layouts. End up with generic "AI slop" that looks like every other deck.

The Slide Creator Way

Pick a style that fits your audience. Get stable, polished output every time. 19 design presets, zero compromises.

The Architecture

A single `presentation.html` file. Inline CSS and JavaScript. No external dependencies. Runs in any browser, online or offline.

Share by email. Put it on a USB. Open on a plane. No CDN calls, no npm, no build tools required.

Core Principle
ZERO
DEPEN-
DENCIES
One file. Any browser. No internet required after generation.
Design Presets
19
Curated Styles
A selection:

- Bold Signal — keynotes & pitches
- Enterprise Dark — B2B & investor decks
- Terminal Green — dev tools & APIs
- Chinese Chan — design philosophy
- Modern Newspaper — thought leadership

+ 14 more presets
Built-in Feature
EDIT
IN THE
BROWSER
SYS://INLINE-EDIT
How it works
Hover top-left corner → click Edit

- Press E — toggle edit mode
- Click text — edit directly in place
- Ctrl+S — save changes to file
- Escape — exit without saving

Notes sync live to any open Presenter window. No HTML file needed after generation — edit everything visually.

"
Presenter Mode
"Press P — your presenter window opens instantly. Notes, timer, and slide navigation. No third-party software required."
Presenter Mode
Syncs via BroadcastChannel API · Works offline · Zero latency
How to Use

- 01
  `/slide-creator`

  Interactive — style discovery, content gathering, generation all in one session

- 02
  `--plan`

  Analyze resources/, create PLANNING.md outline. Stops before generating HTML.

- 03
  `--generate`

  Read PLANNING.md and generate the HTML. Skip straight to production.

- 04
  `--export pptx`

  Screenshot every slide via system Chrome and assemble a PowerPoint file.

Export Format
PPTX
No Node.js

Uses Python + playwright + system Chrome you already have.

No 300MB Download

Playwright uses the Chrome already installed on your machine.

Pixel-Perfect

Screenshots every slide at full resolution, then assembles the .pptx.

Get Started
START
NOW.
`git clone https://github.com/kaisersong/slide-creator ~/.claude/skills/slide-creator`
Then: /slide-creator in Claude Code