4 simple steps

From idea to presentation
in under a minute.

Three steps. Zero friction. No design skills required.

1
One-time setup

Install the skill

Choose your AI agent

Works with Claude Code, Copilot, Gemini CLI, Cursor, and Windsurf. Use whatever you already have.

Install via the HTMLSlides app

One-click installer inside the desktop app. Or install manually from GitHub if you prefer.

Just a set of instruction files

The skill lives in your agent's skills directory. No binaries, no daemons, no background processes.

Terminal
# Or install manually:
$ git clone https://github.com/bluedusk/html-slides.git \
~/.claude/skills/html-slides
# Verify installation:
$ ls ~/.claude/skills/html-slides/
README.md  components/  presets/  skill.md
Skill installed successfully
Claude Code Copilot Gemini CLI Cursor Windsurf
Claude Code
You
> /html-slides
Create a 10-slide pitch deck for a developer tools startup. Include stats cards for key metrics, a timeline showing our journey, and a comparison table vs competitors.
HTMLSlides

Great! Let me ask a few questions to nail the style:

1. How many slides? 10 slides
2. What mood? Professional, bold
3. Visual presets available:
Neon
Corporate
Warm
2
The fun part

Describe your deck

Invoke the skill and describe what you need

Open your AI agent, type the slash command, and describe your presentation in plain English.

The skill asks clarifying questions

How many slides, what content to include, what mood. It tailors the output to exactly what you need.

Choose from visual style previews

In creative mode, you get 3 visual style previews to choose from before generation begins.

3
Instant output

Get your HTML file

A single HTML file with everything inline

All CSS, JavaScript, and assets baked into one self-contained file. No external dependencies.

Your chosen visual preset and components

Output uses the design preset you picked and the right interactive components for your content.

Ready to open, commit, or share

Saved right to your working directory. No build step, no dependencies, no framework lock-in.

Finder
~/projects/startup
src/
node_modules/
package.json
pitch-deck.html NEW
README.md
HTML 42 KB 10 slides
Ready to present
HTMLSlides Presenter
Current Slide
Q4 Performance
Key metrics overview
247%
12.4k
98.9%
Next Slide
Growth Trajectory
Speaker Notes
Highlight the 247% revenue growth — this is our strongest metric. Mention that active users grew 3x since last quarter. Pause for questions after this slide.
4 / 10
12:34
Laser
Audience view synced on browser tab
4
Showtime

Present with HTMLSlides

Open in the HTMLSlides desktop app

Open the HTML file, click "Present" -- the app starts a local server and launches your presentation.

Dual-display presenter dashboard

Your laptop shows the current slide, next slide preview, speaker notes, and a timer. A browser tab opens with the clean audience view.

Share on Zoom, Teams, or Meet

Share the browser tab in your call. Navigate with keyboard or buttons -- the audience stays perfectly in sync.

Laser pointer with real-time sync

Use the built-in laser pointer for emphasis. Your cursor position syncs to the audience view in real-time.

Ready to start
presenting?

Download the app, install the skill, and create your first deck in under a minute. It's that simple.

Free and open source. Works with any AI agent.