New Edit any deck right in the browser

Story in. Slides out.

An open-source deck framework built for AI. One HTML file, no build step. Describe your talk, get a finished deck, then refine it live in the browser.

$git clone https://github.com/noskillish/slides.git
$cd slides

Join 4,000+ decks already built with Slides.

How it works

Describe it. AI builds it.

Clone the repo. Tell an AI agent what your talk is about. It creates your storyline, writes the HTML, and you get a finished deck.

Agent
You
I built 14 things in a year. Side projects no one asked for. I want to talk about the vibe, the speed, the AI stuff. Make it a deck.
Agent
I'll structure this using the six-beat framework from STORYTELLING.md. Open with a confession, then build towards the honest part.
✓ 43 slides generated
deck.html
<!-- Open, hook --> <section class="slide"> <h1>I have a confession. </h1> </section> <!-- Act 1, empathy --> <section class="slide"> <div class="eyebrow">Act 1</div> <h1>The old way.</h1> </section> <!-- Act 3, evidence --> <section class="slide product-slide"> ...14 products </section>
Result
Morgenbooster · 13 May 2026
Designing with a vibe.
When AI turns ideas into experiences.
Speaker name
Design conference
New · Edit in the browser

AI builds it. You finish it.

Add ?edit to any deck. Rewrite text inline, drag slides to reorder, drop in an image or video, then save straight back to the file. No code. No rebuild.

deck.html?edit
1
2
3
Conference · 2026
Story in. Slides out.
Replace image
Drag & drop image or video or click to upload
Paste a link instead

Inline text

Click any headline or label and type. Plain text editing, no markup to learn.

Drag to reorder

Grab a thumbnail in the rail and drop it where it belongs. Duplicate or delete in a click.

Swap media

Drop an image or video onto any slot, paste a link, or upload a file. Pictures embed automatically.

Save in place

Writes back to the same HTML file and auto-saves as you go. Export to PDF with P.

What you get

One file. Everything included.

30+ components, three themes, six storytelling formats, a built-in browser editor, keyboard and touch navigation, embed mode. All in one repo.

Design system

30+ components with consistent tokens. Colors, type, spacing. All in CSS variables. Fork and make it yours.

Claude marketplace

Add the marketplace in Cowork, get /slides and five more commands. Storytelling formats, themes, tone rules. All driven by markdown files.

Zero dependencies

No npm. No build step. No React. One HTML file with inline CSS and JS. Open it in a browser.

Touch & keyboard

Arrow keys, swipe gestures, progress bar. Works on phones, tablets, projectors. Responsive out of the box.

Embeddable

Add ?embed to any deck URL. Drop it in an iframe. Blog posts, Notion pages, documentation sites.

Open source

MIT licensed. Fork it, theme it, ship it. Your slides live in a git repo. Version controlled forever.

Claude plugin

Type /slides. Get a deck.

Slides is a Claude marketplace plugin. Add it in Cowork, get six commands. Storytelling formats, themes, and tone rules are built in.

/slides

Generate a full deck from a description. Picks the storytelling format, applies the theme, outputs one HTML file.

/slides-outline

Draft the structure first. Review the beat-by-beat plan before any HTML is written.

/slides-theme

Swap the visual style. Three built-in themes, or describe your own in plain language.

/add-slide

Drop new slides into an existing deck. Matches the theme and component style automatically.

/slides-new-component

Build a slide type that does not exist yet. Describe it, the agent builds it on-token.

/slides-review

Check tone, component diversity, and structure against the design system rules.

Open Cowork. Go to Add Marketplace. Paste https://github.com/noskillish/slides and type /slides to get started.

Storytelling formats

Six structures. Pick the right one.

Every deck follows a proven narrative structure. The agent selects the format based on your description, or you choose it yourself.

TED Talk six-beat

Hook the audience, build empathy, introduce the insight, show evidence, expand the vision, close with a callback.

Hook → Empathy → Insight → Evidence → Vision → Close

VC pitch deck

The format investors expect. Problem, solution, market size, product, traction, team, financials, the ask.

Problem → Solution → Market → Product → Traction → Ask

MBB strategy

Situation, complication, resolution. The pyramid principle for executive audiences who want the answer first.

Situation → Complication → Resolution → Evidence

Product launch

Set the stage, reveal the product, demo the features, prove the impact, make the call to action.

Stage → Reveal → Demo → Impact → CTA

Board update

Executive summary, KPIs, progress against plan, risks, decisions needed. Clear and scannable.

Summary → KPIs → Progress → Risks → Decisions

Sales deck

Identify the pain, agitate the cost of inaction, present the solution, prove it with evidence, close.

Pain → Cost → Solution → Proof → Close
Built with Slides™

A real deck. Made like this.

Templates and components included. Switch between them. Or create your own.

<iframe src="deck.html?embed" style="width:100%; aspect-ratio:16/9; border:none">
Why plain text matters

Your slides should be readable.

.pptx is a binary format. You can't search it. You can't diff it. AI agents can't read it. Plain text fixes all of that.

Today · .pptx
Q3-strategy-FINAL.pptx
townhall-v3.pptx
investor-deck-v7.pptx
roadmap-FINAL-v2.pptx
With Slides™
└─ slides/
   ├─ deck.html
   ├─ docs/
   │  ├─ STORYTELLING.md
   │  └─ DESIGN.md
   ├─ plugins/
   │  └─ skills, commands
   └─ media/