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.

Multi-agent support

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

Creative mode

Describe a mood — "impressed", "excited", "calm" — and get 3 visual style previews to choose from before the skill builds your deck.

13 visual presets

Dark themes (Bold Signal, Electric Studio, Creative Voltage, Dark Botanical), Light themes (Notebook Tabs, Pastel Geometry, Split Pastel, Vintage Editorial), Specialty (Neon Cyber, Terminal Green, Swiss Modern, Paper & Ink), and Structured (Dark Interactive).

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.

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.

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

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

Per-slide notes with auto-save. Stored locally, not in the presentation file. Your notes stay private.

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.