Revealjs

This generates reveal.js presentations from scratch without any build tooling. What caught my eye is how opinionated it is about design: it forces you to think about color palettes and content appropriateness before writing any code, ships with 18 preset color schemes ranging from "Coastal Rose" to "Retro Rainbow," and mandates using points for font sizes like PowerPoint does. The workflow centers on a scaffold script that handles the boilerplate HTML structure, then you customize CSS variables for theming. It's built for people who want polished slides fast but don't want to fight with frameworks or make yet another design system from scratch. Practical if you're tired of starting every deck with a blank white canvas.

skills.sh installs: 749
GitHub stars: 421
last updated: Jul 14, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Reveal.js Presentations

Create HTML presentations using reveal.js. No build step required - just open the HTML in a browser.

What You Create

A reveal.js presentation consists of:

HTML file - Contains slides and loads reveal.js from CDN
CSS file - Custom styles for layouts, colors, typography, and components

Design Principles

CRITICAL: Before creating any presentation, analyze the content and choose appropriate design elements:

Consider the subject matter: What is this presentation about? What tone, industry, or mood does it suggest?
Check for branding: If the user mentions a company/organization, consider their brand colors and identity
Match palette to content: Select colors that reflect the subject
State your approach: Explain your design choices before writing code

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly