Skip to content
Skill + App — everything you need

Two tools.
One seamless workflow.

The html-slides skill generates your deck. The HTMLSlides app delivers it.

Generation

The Skill.
Describe it. Get a deck.

An AI skill that runs inside your coding agent. It understands your content, picks the right components, applies a visual theme, and outputs a single HTML file. The easiest way to install is through the HTMLSlides app's one-click installer — or install manually from GitHub.

Multi-agent support

Works with Claude Code, GitHub Copilot, Gemini CLI, Cursor, Windsurf, Codex, and Aider. Install once, works everywhere.

Vibe mode

Describe a mood — "impressed", "excited", "calm" — and get 3 visual style previews to choose from before the skill builds your deck. Creative AI-driven layout with expressive themes.

17 visual themes (5 Pro + 12 Vibe)

5 Pro themes — structured components with curated styles: Obsidian (default) — dark background, blue/green/orange accents; Excalidraw Light — hand-drawn, hachure fill, whiteboard on white; Excalidraw Dark — hand-drawn, hachure fill, whiteboard on dark; Editorial Light — luminous, editorial, tech-forward minimalism; Binary Architect — hacker-elite, sharp corners, neon on void-black. 12 Vibe themes — creative AI-driven layout: Dark (Bold Signal, Electric Studio, Creative Voltage, Dark Botanical), Light (Notebook Tabs, Pastel Geometry, Split Pastel, Vintage Editorial), Specialty (Neon Cyber, Terminal Green, Swiss Modern, Paper & Ink).

12 interactive components

Every component designed for audience engagement. Flip cards, expandable sections, animated stats, architecture diagrams, and more.

PowerPoint conversion

Convert existing .pptx files to HTML slides, preserving content and images. Escape PowerPoint without losing your work. See how the converter works →

AI-generated speaker notes

Generates speaker notes for every slide alongside your deck — talking points, key messages, and transitions as a starting point you can edit.

Zero dependencies

Output is a single HTML file with all CSS/JS inline. No npm, no build tools, no frameworks. Drop it anywhere and present.

Share & Export

Deploy presentations to a live URL via Vercel (free) for instant sharing. Export to PDF for offline distribution. One deck, multiple outputs.

Viewport-aware

Smart content density limits and responsive typography with clamp(). Slides fit any screen without overflow — from phone to projector.

Presentation

The App.
Present like a pro.

A desktop presenter app with dual-display sync, speaker notes, and real-time audience view. Designed for screen-sharing on Zoom, Teams, and Meet.

Dual-display system

Just like PowerPoint's presenter view — but for HTML slides. Presenter view on your laptop, audience view in any browser. Designed for screen-sharing on Zoom, Teams, and Meet.

Real-time WebSocket sync

Slide changes broadcast instantly. No lag, no polling. Your audience sees what you see the moment you advance.

Speaker notes

AI-generated notes load automatically when you open a deck. Edit and personalise them — your changes auto-save and persist across sessions.

Presentation timer

MM:SS elapsed time, always visible in the presenter dashboard. Never run over your slot again.

Laser pointer

Real-time cursor position synced from presenter to audience view. Point at what matters.

Thumbnail navigation

Slide thumbnail strip for quick navigation. Jump to any slide without stepping through one by one.

Keyboard controls

Arrow keys, Space, Home, End for seamless navigation. Muscle memory from every other presenter tool.

One-click skill installer

Detects installed AI agents and installs the html-slides skill with one click. No terminal commands needed.

File management

Recent files, watched folders, drag-and-drop. Your presentations organized the way you work.

From prompt to presentation.
In one flow.

The skill generates. The app presents. You just talk.

1

Generate with the skill

Tell your AI agent to create a presentation. The html-slides skill handles layout, theme, and components.

/html-slides "A 10-slide pitch deck about our API platform. Make it feel bold and technical."
2

Open in the app

Drag the HTML file into HTMLSlides or let the watched folder pick it up automatically.

Loading presentation...
3

Present to your audience

Share the audience URL or screen-share. Speaker notes, timer, and laser pointer on your screen only.

api-platform-pitch.html Live
04:32

Generate. Present.
Ship the deck.

The skill creates your slides. The app delivers them. Both are free to get started.

Free and local-first. No account needed.