slidash

Prompt it. Dash it. Present it.

Craft beautiful HTML/CSS slides with AI. No builder, no bloat.

Generating HTML and CSS has never been cheaper. Slidash hands you the skeleton, AI fills it with a presentation as unique as your idea. Today your agent writes that markup blind, reinventing the same navigation plumbing every time — slidash hands over the working machinery so the agent can focus on content and design.

Create a presentation

npm create slidash@latest

Requires Node.js 22+. Works with pnpm, yarn and bun too.

What you get

For the presenter

• Keyboard navigation (← →) and clickable bottom chrome: arrows, progress dots, and a counter showing which slide you're on out of the total.
• Step-by-step reveals. Pressing → reveals a slide's elements one at a time before moving on to the next slide, so you pace what the audience sees.
• A grid overview that thumbnails every slide to jump around quickly.
• A presenter view (press P) with speaker notes, a timer and the next slide's title, synced with the live presentation.

For the agent

• Eyes. A vendored snap tool captures a PNG of any slide at any step, so the agent can run a generate → look → correct loop instead of writing blind.
• Minimal conventions. A slide is .slide; reveals are data-steps / data-step. That's the whole vocabulary — the navigation plumbing is already done.
• A short agent guide. It explains the conventions and the tools, and nothing more, so it never bloats the agent's context.

And it's all yours

Everything slidash drops in is standalone and vendored. The presentation opens straight from file:// — zero build, zero runtime dependencies — and every file is editable. The conveniences are the floor you start from, not walls. Your presentation survives on its own, with or without slidash.

How it works

1. Pick where it goes. The CLI asks for a directory and scaffolds the presentation there.
2. Pick a starter.
   • Indigo Ink: an editorial-minimal aesthetic, ready to present.
   • Start from scratch: a blank-but-working canvas.
3. Open it. index.html runs straight from file://. No build, no dev server, nothing to install.
4. Hand it to your agent. Point your AI at the directory and start building; AGENTS.md is already there with everything it needs to know.

License

MIT