skills.rest
sogadaiki
sogadaikiCOMMUNITY
Explore all skills by this author →
GitHub

revealjs

Generate reveal.js HTML presentations from structured outlines with custom themes and charts.

Updated Mar 12, 2026
Search Tags:#design#html#charts#css#presentation#reveal.js#slideshow
One-click install
npx skills add https://github.com/sogadaiki/claude-code-skills --skill revealjs-sogadaiki
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: revealjs
Source: https://github.com/sogadaiki/claude-code-skills/tree/main/skills/revealjs
Command: npx skills add https://github.com/sogadaiki/claude-code-skills --skill revealjs-sogadaiki

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of professional, interactive presentations using the reveal.js framework, eliminating the need for complex build steps and manual HTML/CSS coding.

Core Features & Use Cases

  • Automated Scaffold Generation: Quickly generate HTML and CSS structure for presentations based on defined layouts.
  • Customizable Themes: Easily adapt color palettes, fonts, and styles to match branding or content.
  • Advanced Features: Supports fragments, speaker notes, custom backgrounds, auto-animation, and transitions.
  • Data Visualization: Integrates Chart.js for embedding dynamic charts and graphs.
  • Use Case: Generate a 10-slide presentation about Q4 project results, using a custom color scheme and including a bar chart comparing regional performance.

Quick Start

Generate a 5-slide presentation named 'project-update.html' with a custom stylesheet 'my-theme.css'.

Frequently Asked Questions about revealjs

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

FAQPage Schema
How do I generate reveal.js HTML presentations without a build process?▼

Generate reveal.js HTML presentations by providing a structured outline to automate scaffolding. This produces dynamic web-based slideshows with custom themes, multi-column layouts, and integrated charts without requiring manual HTML, CSS, or complex build steps.

Can I add dynamic charts and graphs to my reveal.js slideshow?▼

Yes, you can add dynamic charts and graphs to your reveal.js slideshow through integrated Chart.js support. This data visualization capability allows you to embed interactive visual content directly within your generated HTML presentation slides.

What is the best way to create custom themed slideshows from a structured outline?▼

The best way to create custom themed slideshows from a structured outline is using automated reveal.js scaffold generation. This approach adapts color palettes, fonts, and styles to match your branding while eliminating manual HTML and CSS coding.

Does reveal.js support advanced presentation features like fragments and speaker notes?▼

Yes, reveal.js supports advanced presentation features including fragments, speaker notes, custom backgrounds, auto-animation, and transitions. These features are integrated directly into the generated HTML slideshow structure for dynamic content delivery.

Do I need puppeteer and decktape to automate web-based presentation creation?▼

No, you do not need puppeteer and decktape to automate web-based presentation creation, as the core task generates HTML, CSS, and JavaScript without a build process. These dependencies are likely utilized for downstream export or rendering tasks.

Related Skills

Explore More Design & Creative Skills→
gatelynchgatelynch
44

html-slides

Convert spoken presentation descriptions into styled HTML slide files.

Community
Advanced
druejaramillodruejaramillo

revealjs

Generate HTML-based reveal.js presentations with custom CSS and Chart.js visualizations.

Community
Advanced
8GG-Git8GG-Git

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js and dropdown filters.

Community
Intermediate
skaile-aiskaile-ai

use-revealjs

Generate branded Reveal.js slide decks with Skaile design tokens.

Official
Intermediate