Reveal.js Swedish Tech Presentation Skill

Generate Reveal.js HTML presentations with Swedish tech design and five slide types.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Become-A-DevOps-PM/IPL25-Hugo-Site --skill reveal-js-swedish-tech-presentation-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Reveal.js Swedish Tech Presentation Skill
Source: https://github.com/Become-A-DevOps-PM/IPL25-Hugo-Site/tree/main/.claude/skills/revealjs-skill
Command: npx skills add https://github.com/Become-A-DevOps-PM/IPL25-Hugo-Site --skill reveal-js-swedish-tech-presentation-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

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)**.

Frequently Asked Questions about Reveal.js Swedish Tech Presentation Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create professional Reveal.js presentations with a cohesive design system?

Reveal.js presentations are built as standalone HTML files with predefined slide types and a consistent color palette. This Skill automates generation of multi-slide presentations using five slide types (Hero, Profile Card, Bullet, Timeline, Closing) with Swedish tech colors (blue, yellow, cyan) and typography, optimized for 1920x1080 displays and Hugo integration.

Can I use Reveal.js slides with a Hugo static site?

Yes. Presentations are stored as HTML files in `static/presentations/` and linked from Hugo content pages. The Skill generates standalone HTML presentations that integrate seamlessly with Hugo projects through simple markdown links.

What slide types and design elements does Reveal.js support for presentations?

Reveal.js supports interactive slides with fragment animations and structured layouts. This Skill provides five predefined slide types—Hero, Profile Card, Bullet, Timeline, and Closing—each styled with Swedish tech colors and typography for education, training, conferences, and marketing contexts.

How do I apply a consistent design system across multiple presentations?

The Skill uses a configurable CSS template and JavaScript setup to maintain consistent styling across presentations. Copy the shared Swedish-tech-slides.css to your project and reference it in your Reveal.js HTML files for uniform colors, typography, and layout across all slides.

What are the display and optimization requirements for Reveal.js presentations?

Presentations generated by this Skill are optimized for 1920x1080 resolution with fragment-based storytelling for large displays. The configurable Reveal.js setup via CSS and JavaScript templates ensures professional rendering across different viewing contexts.

Do I need additional tools to set up Reveal.js presentations in my project?

No external dependencies are required beyond Reveal.js assets loaded from CDN. The Skill provides CSS templates and HTML examples you copy into your project—no build tools or additional libraries needed to create and serve presentations.