Built on frontend-slides
html-slides is inspired by frontend-slides by @zarazhangrui. It is fully compatible with frontend-slides and is an extension of it. Everything you get from frontend-slides, you get from html-slides.
frontend-slides is the Claude Code skill that introduced the “describe it, pick a style, get an HTML deck” workflow. html-slides started as a fork and grew from there.
What’s the same
The Vibe mode in html-slides is frontend-slides. Same 12 creative themes (Bold Signal, Electric Studio, Terminal Green, etc.), same visual style discovery workflow (describe a mood, see 3 previews, pick one), same PowerPoint conversion, same deploy-to-URL and export-to-PDF tools.
If you use frontend-slides today, switching to html-slides changes nothing about your creative workflow. It’s all there.
What html-slides adds
html-slides extends frontend-slides in three ways:
1. Pro mode
A structured component system for technical content. Instead of the AI deciding the layout freely, Pro mode maps your content to specific interactive components: flip cards, charts (via Chart.js), architecture flow diagrams, stats cards, comparison tables, code blocks, timelines, and more.
Pro mode has its own themes (Obsidian, Excalidraw Light/Dark, Editorial Light, Binary Architect) — 5 themes designed for structured, deterministic output.
Best for: technical talks, product demos, API overviews, data-rich presentations.
2. Multi-agent support
frontend-slides works with Claude Code. html-slides works with Claude Code, GitHub Copilot, Gemini CLI, OpenAI Codex, and any tool that supports the Agent Skills standard. One install, multiple agents.
3. Presenter app compatibility
Both frontend-slides and html-slides generate single HTML files you can open in any browser. html-slides enforces a stricter HTML structure so it integrates with the HTMLSlides presenter app, giving you dual-display mode, speaker notes, timer, and laser pointer.
The HTMLSlides app also works with frontend-slides presentations — you can open and present them. Some presenter features (like slide detection) work best with the html-slides format, but the app is designed to be compatible with both.
4. Stricter HTML generation rules
html-slides enforces strict rules on the generated HTML — consistent structure, validated slide format, and quality checks — to ensure stable, predictable output. This means fewer broken layouts and more reliable results across different content types and AI agents.
Which should you use?
No wrong answer here.
Use frontend-slides if you’re on Claude Code and love the creative workflow. It’s a focused tool that does one thing well.
Use html-slides if you want the Pro mode components, use multiple AI agents, or want full presenter app integration.
Or just use html-slides — it includes everything frontend-slides has, plus the extensions above.
Either way, the HTMLSlides app works with both.