revealjs

Generate reveal.js HTML presentations with themes, layouts, and speaker notes.

7|4|Updated Dec 12, 2023
One-click install
npx skills add https://github.com/BridgingIT-GmbH/bITdevKit --skill revealjs-bridgingit-gmbh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: revealjs
Source: https://github.com/BridgingIT-GmbH/bITdevKit/tree/main/.agents/skills/revealjs
Command: npx skills add https://github.com/BridgingIT-GmbH/bITdevKit --skill revealjs-bridgingit-gmbh

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Creating HTML presentations quickly without a build step, delivering polished reveal.js decks that are ready to present.

Core Features & Use Cases

  • Supports reveal.js features such as themes, multi-column layouts, code highlighting, animations, speaker notes, and custom styling to produce professional slides.
  • Generates HTML + CSS from structured input and optional resources, enabling rapid deck creation for meetings, demos, or training sessions.
  • Use cases include draft presentations from templates, data-driven charts, and knowledge-sharing slides where you want consistent styling and fast iteration.

Quick Start

Open the generated presentation.html in a browser to view your Reveal.js slides created with the scaffold.

Frequently Asked Questions about revealjs

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

FAQPage Schema
How do I create web presentations without a build step?

Generate web presentations by converting structured input into HTML and CSS with reveal.js, skipping complex build steps. The deck is ready to present immediately by opening the generated presentation.html file in a browser.

Can I add charts and multi-column layouts to reveal.js slides?

reveal.js slides support multi-column layouts, optional data-driven charts, code highlighting, and custom styling. These features allow you to create professional themed decks for meetings, demos, or training sessions.

How do I include speaker notes in HTML presentation slides?

Speaker notes are generated directly within the HTML presentation slides from the structured input. This feature enables knowledge-sharing decks where presenters have consistent styling and contextual notes during fast iteration.

What is the best way to scaffold a themed presentation quickly?

Scaffold themed presentations by providing a simple structure and optional resources to generate a polished reveal.js deck. This approach enforces validation steps like overflow checks and visual review to ensure professional slide quality.

Do I need to install Puppeteer or Cheerio to generate reveal.js presentations?

Puppeteer and Cheerio are utilized as dependencies to generate the presentation.html file and validate the slides. The Skill uses these components to support built-in validation steps such as overflow checks and visual review.

Can I use custom styling and animations in generated reveal.js decks?

Generated reveal.js decks support custom styling and animations alongside standard themes. You can apply consistent styling across draft presentations from templates, enabling rapid deck creation with professional visual transitions.