Slide Creator — Modern Newspaper

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