Reveal.js Swedish Tech Presentation Skill

What problem does it solve?

This Skill enables Claude Code to generate professional Reveal.js presentations with a distinctive Swedish tech aesthetic. Presentations are produced as standalone HTML files in static/presentations/ and are linked from Hugo content pages.

Core Features & Use Cases

• Create multi-slide Reveal.js presentations with 5 predefined slide types (Hero, Profile Card, Bullet, Timeline, Closing)
• Apply Swedish tech design system (blue/yellow/cyan color scheme) and typography
• Generate interactive elements with fragment animations and structured layouts
• Produce outputs optimized for large displays (1920x1080) and Hugo integration

Quick Start

1. Copy the shared CSS to your project:

cp template.css /path/to/your-project/static/presentations/swedish-tech-slides.css

1. Create a new presentation HTML file under static/presentations/ and reference Reveal.js assets from CDN. Use the provided example HTML as a starting point and adjust slides accordingly.

2. Create a Hugo content page that links to your presentation, e.g. **[Öppna presentationen](/presentations/your-presentation.html)**.