skills.rest
I-Onlabs
I-OnlabsCOMMUNITY
Explore all skills by this author →
GitHub

revealjs

Generate standalone reveal.js HTML/CSS presentations with code highlighting and speaker notes.

3|1|Updated Dec 21, 2025
Search Tags:#theming#presentations#charts#slides#speaker-notes#revealjs#code-highlighting
One-click install
npx skills add https://github.com/I-Onlabs/claude-code-skills --skill revealjs-i-onlabs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: revealjs
Source: https://github.com/I-Onlabs/claude-code-skills/tree/main/revealjs-skill/skills/revealjs
Command: npx skills add https://github.com/I-Onlabs/claude-code-skills --skill revealjs-i-onlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, cheerio, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Design teams and presenters need to deliver polished, browser-based slide decks without a complex build setup. This Skill enables you to generate professional reveal.js presentations that run directly in a browser with a consistent base stylesheet and flexible layouts.

Core Features & Use Cases

  • Multi-column layouts, callouts, and code highlighting to build rich, engaging slides.
  • Speaker notes and theming options to support presenter-ready talks with cohesive visuals.
  • Use cases include educational lectures, product demos, and technical briefings that require quick, shareable decks.

Quick Start

Run the Create-presentation script to scaffold your deck, then customize the base stylesheet and slide content to your needs.

Frequently Asked Questions about revealjs

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

FAQPage Schema
How do I create browser-based presentations without a complex build setup?▼

Browser-based presentations are generated as standalone HTML and CSS decks that run directly in a browser, enforcing a standard scaffold with a base stylesheet to skip complex build configurations. You run a scaffold script and then customize the slide content.

Can I include code highlighting and speaker notes in my slide deck?▼

Code highlighting and speaker notes are supported features for building presenter-ready slide decks. The generated presentations apply consistent layouts and include these options to support educational talks, product demos, and technical briefings.

What's the best way to build technical briefings with multi-column layouts?▼

Technical briefings with multi-column layouts are built by running a scaffolding script that generates a polished HTML deck with a consistent base stylesheet. This approach provides flexible layouts and callouts specifically suited for technical and educational talks.

Does this presentation generator support charts integration?▼

Charts integration is supported as an optional feature within the generated presentation deck. This allows you to include visual data representations alongside code highlighting and multi-column layouts in your browser-based slides.

Do I need puppeteer installed to generate reveal.js presentations?▼

Puppeteer is listed as a dependency for generating these reveal.js presentations. The Skill relies on it alongside cheerio to parse content and output the standalone HTML and CSS files required for the browser-based deck.

Related Skills

Explore More Design & Creative Skills→
cklxxcklxx
11

ppt-deck

Generate presentation decks with branding and accessibility from a content brief.

Community
Advanced
0dot770dot77

lecture-export

Convert HTML lecture slides into a single high-resolution PDF via Playwright.

Community
Advanced
akselikorhonen-siiliakselikorhonen-siili

html-to-md

Extract HTML content from web pages and convert it to Markdown.

Community
Basic
soulianesouliane
1

ac-generating-slides

Generate presentation slides from Markdown files using Marp CLI.

Community
Intermediate