01 / 10
SPEAKER NOTES — SLIDE 1 / 10
slide-creator v1.5

AI-Powered
HTML Presentations

From prompt to polished deck in seconds.
Zero dependencies. Browser-native. Infinitely editable.

21

Themes

0

Dependencies

1

HTML file

Why slide-creator

Traditional tools hold you back

❌ Traditional approach

  • Start from a blank slide — structure is your problem
  • Hours tweaking fonts, alignment, and color
  • PPTX breaks on other machines, fonts go missing
  • Sharing means email attachments or upload to Drive
  • Charts are static images — update the data, redo everything

✓ slide-creator

  • Describe your topic — AI plans the structure
  • 21 themes, auto-matched to your content type
  • Single HTML file, renders identically everywhere
  • Share a URL or open the file — no account needed
  • Live charts from inline data, update in seconds
Design principle: You own the content. AI owns the structure and visual polish. Numbers you didn't provide are never fabricated — only [INSERT VALUE] placeholders.
Workflow

Three steps from idea to deck

1

Describe your topic

Tell slide-creator what you want to present — audience, goal, key message. Plain English or Chinese. No format required.

/slide "Q1 business review for leadership — focus on growth and retention"
2

Review the plan (optional)

Use --plan to get a structured outline file first. Edit it, then run --generate when ready. You stay in control of the narrative.

3

Open in browser — done

A single self-contained HTML file. Keyboard navigation, touch swipe, fullscreen, and edit mode built in. No install, no server.

21 themes for every use case

auto-matched by content type

Dark

4 themes
Bold Signal Electric Studio Creative Voltage Dark Botanical

Pitch · Brand · Tech talks

Light

5 themes
Blue Sky this deck Notebook Tabs Pastel Geometry Split Pastel Vintage Editorial

Education · Internal · Creative

Specialty

4 themes
Neon Cyber Terminal Green Swiss Modern Paper & Ink

Dev · Academic · Minimalist

v1.5 New

8 themes
Aurora Mesh Enterprise Dark Glassmorphism Neo-Brutalism Chinese Chan Data Story Modern Newspaper Neo-Retro Dev Deck
--themes to preview all  ·  --theme <name> to override  ·  Content keywords trigger auto-recommendation
Architecture

Built for the AI era

0

npm packages

Pure HTML/CSS/JS — open the file, it works

3

AI-readable layers

Summary JSON → section annotations → raw component data

∞

Shelf life

No SaaS subscription, no expiring links, no vendor lock-in

Chart libraries: Chart.js for bar/line/pie/scatter via CDN. Radar or funnel charts switch the entire deck to ECharts — never both at once. Use --bundle to inline all JS for offline use.
AI pipeline friendly: Each slide embeds data-component attributes and a machine-readable summary block — downstream agents can parse and re-use content without re-reading the entire HTML.
Feature

Edit mode — fix anything, instantly

✏

Click any text to edit

Every heading, paragraph, and list item becomes contenteditable. No developer tools required.

⌨

Keyboard shortcut

Press E to toggle edit mode from anywhere in the presentation.

💾

Edits live in the browser

Use ⌘S / Ctrl+S → Save Page As to capture changes. Or copy the updated HTML from DevTools.

EDIT MODE ACTIVE

This heading is editable ↗

And this paragraph too. Click any highlighted element to start typing.

  • List items are editable
  • Stats, labels, callouts — everything
Switch to Edit mode now — press E or click ✏ Edit in the top-right toolbar, then click any text on this slide.
Feature

Present mode — navigate your way

Navigation

→ Space ↓ Next slide
← ↑ Previous slide
Home / End First / Last slide
F Toggle fullscreen
E Toggle edit mode
Swipe ← → Touch navigation

Fullscreen presenting

⛶

Press F or click ⛶

Enters native browser fullscreen. The mode bar and counter auto-hide — hover to reveal them.

🎞

Spring-physics transitions

Horizontal track with cubic-bezier(0.22, 1, 0.36, 1) — slides feel weighted and natural, not abrupt.

📱

Touch & mobile-ready

Swipe left/right with inertia debounce — no accidental double-skips from trackpad momentum.

Use cases

Built for every kind of presenter

📊

Business Reviews & QBRs

KPI dashboards, trend charts, comparison tables. AI never guesses your numbers — [INSERT VALUE] for every missing data point.

🚀

Product Launches & Pitch Decks

Bold Signal or Aurora Mesh theme, large stats, before/after comparisons. VC-ready in under 10 minutes.

🛠

Tech Talks & Dev Docs

Terminal Green or Neon Cyber theme. Sequence diagrams, code blocks, architecture slides — rendered clean, no PPTX mangling.

📚

Education & Training

Notebook Tabs or Paper & Ink for long-form content. Step flows, knowledge hierarchies, and case studies — readable and focused.

Under the hood

The IR format — AI reads, humans edit

slide.md — Intermediate Representation

---
title: Q1 Business Review
theme: enterprise-dark
---

# Revenue Growth

::: kpi
- ARR: [INSERT VALUE]
- Growth: [INSERT VALUE]
:::

::: chart type=line
title: Monthly Revenue
:::
Two-step workflow: --plan generates the IR file. You read it, edit placeholders, approve the structure. --generate renders it to HTML.

Why IR?

  • Human-readable plain text, git-diffable
  • AI agents can chain: plan → review → generate
  • Re-generate with a different theme — same content
  • Declarative charts: change data, re-run, done
No hallucinated data. All numbers in the IR are either from your input or marked [INSERT VALUE]. Claude never fills in figures it doesn't know.
Get started

Your next deck is one prompt away

Open Claude Code and type:

/slide "Your presentation topic here"
/slide --plan "Topic"   # review outline first
E

Edit mode

F

Fullscreen

→

Next slide

←

Prev slide