A Claude Code skill that generates self-contained HTML presentations from any topic. Say "create a presentation about X" and get a single .html file you can open in any browser — no dependencies, no build step, no slides app needed.
Live demo — example presentation
- Generates a markdown file with slide content separated by
--- - Converts each slide to HTML using a built-in dark-theme template
- Writes a single self-contained
.htmlfile - Opens it in your browser
"Create a presentation about microservices"
"Make an HTML presentation on TypeScript best practices"
"Generate standalone slides about our Q4 roadmap"
"Present about how AI will replace jobs"
- Dark theme with gradient headings and accent colors
- Keyboard navigation — arrow keys, space, home/end, 1-9 jump
- Touch/swipe support for mobile
- Fullscreen mode (F key)
- Progress bar and slide counter
- Help overlay (? key)
- Smooth transitions between slides
- Two-column layouts for comparisons
- Code blocks, tables, blockquotes — all styled
- Zero dependencies — one HTML file, works offline
| Key | Action |
|---|---|
→ / Space |
Next slide |
← |
Previous slide |
Home |
First slide |
End |
Last slide |
1-9 |
Jump to slide |
F |
Toggle fullscreen |
? |
Toggle help |
Esc |
Close help |
npx skills add alexanderop/html-presentationClone into your project's .claude/skills/ directory:
git clone https://github.com/alexanderop/html-presentation .claude/skills/html-presentationOr symlink from a shared location:
git clone https://github.com/alexanderop/html-presentation ~/skills/html-presentation
ln -s ~/skills/html-presentation .claude/skills/html-presentationPresentations are saved to a presentations/ directory in your project root:
presentations/
microservices.md # Source markdown
microservices.html # Self-contained presentation
Open the HTML file in any browser. Share it by sending the single file — no server required.
MIT