Revealjs Presenter

Generates complete RevealJS presentations as single HTML files with embedded styling and CDN dependencies. Ships with two content strategies: a "bold" theme that enforces minimal text and high visual impact (40%+ impact slides, strict word limits), and a "corporate" theme for information-dense decks. The interesting part is how opinionated it is about layout. It fights RevealJS's default centering behavior with specific CSS resets, standardizes on 1920x1080 with fade transitions, and provides a component library (bars, cards, grids) that actually constrains your design choices rather than opening them up. Good for when you want a professional deck fast and don't want to bikeshed typography decisions.

skills.sh installs: 405
GitHub stars: 182
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jwynia/agent-skills --skill revealjs-presenter --agent claude-code

Installs into .claude/skills of the current project.

Files

RevealJS Presenter Skill

When to Use This Skill

Use this skill when:

Creating a RevealJS presentation from content/outline
Converting document content into slide format
Building a pitch deck, technical talk, or educational presentation
User requests "slides," "presentation," "deck," or mentions RevealJS

This skill produces a single self-contained HTML file with embedded CSS and CDN references.

Part 1: RevealJS Foundation

1.1 Required Configuration

Always initialize RevealJS with these settings:

Reveal.initialize({
  hash: true,
  center: true,
  transition: 'fade',
  transitionSpeed: 'fast',
  backgroundTransition: 'fade',
  width: 1920,
  height: 1080,
  margin: 0.08,
  minScale: 0.2,
  maxScale: 2.0
});

Why these values:

center: true — Let RevealJS handle vertical centering. Do not fight this with flexbox on sections.
width: 1920, height: 1080 — Standard HD ratio. Content scales automatically.
margin: 0.08 — Provides breathing room at viewport edges.
transition: 'fade' — Professional, non-distracting. Avoid 'zoom', 'convex', etc.