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

Ready to run

npx skills add https://github.com/sogadaiki/claude-code-skills --skill revealjs-sogadaiki

💬 Prompt for ChatGPT / Claude Chat▼

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.