Reveal.js Presentations

revealjs-skill is a community Claude Code skill by Ryan Brown (MIT) that turns a natural-language request into a reveal.js HTML presentation. There is no build step: you open the generated HTML in a browser, and you can export it to PDF. The repo includes a live example deck, and its latest commit was dated 2026-05-02 when we checked on 2026-09-23.

Key Features

Scaffold script: create-presentation.js writes the HTML skeleton so the model does not spend tokens on boilerplate. --structure 1,1,d,3,1,d,1 mixes single slides, vertical stacks, and section dividers.
Custom CSS theme: a base stylesheet with CSS variables for colors, typography, callouts, and layout. The skill asks the model to state a design approach first, pick a topic-appropriate palette, and use pt for all font sizes.
Components: multi-column layouts, callout boxes, Chart.js charts, Font Awesome icons, code highlighting, speaker notes, animations, and transitions.
Quality checks: check-overflow.js uses Playwright to catch content that spills past slide edges, and the skill requires reviewing a DeckTape screenshot of every slide. A ?export query parameter disables chart animations so charts render fully in PDF.
Browser editing: edit-html.js serves the deck locally so you can click any text, edit it inline, and save back to the file.

Use Cases

Technical talks with code samples that must stay copyable.
Pitch decks and quarterly reviews with Chart.js data.
Decks you want to version in Git as plain HTML and CSS.

Pricing and Access

Free and MIT-licensed. Node.js dependencies (Playwright, Cheerio, and a DeckTape fork) are needed for overflow checks and PDF export. reveal.js itself loads from a CDN.

Getting Started

In Claude Code: /plugin marketplace add ryanbbrown/revealjs-skill, then /plugin install revealjs@revealjs-skill.
Install dependencies: npm install --prefix ~/.claude/plugins/cache/revealjs.
Ask for "a 10-slide presentation about renewable energy trends", then export with npx decktape reveal "presentation.html?export" output.pdf.

Limitation: because reveal.js loads from a CDN, presenting offline needs extra setup. The DeckTape dependency is a personal fork that adds a --slides flag, so updates depend on that fork.

Frequently Asked Questions

Can I install it without the plugin system?

Yes. Copy skills/revealjs into ~/.claude/skills/ or your project's .claude/skills/, then run npm install.

Does it make PowerPoint files?

No. Output is HTML and CSS, with PDF export. The repo's examples folder also contains a sample PPTX deck, but the skill itself generates HTML.

Alternatives

Scientific Slides Skill: AI-generated image slides for research talks.
consulting-pptx-skill: native PowerPoint decks for business audiences.
Web Artifacts Builder Skill: richer React-based HTML artifacts when you need interactivity beyond slides.

Conclusion

Reveal.js Presentations suits developers and speakers who want editable, versionable HTML slides with real text and code. If your audience expects a .pptx file, pick a PowerPoint skill instead. More presentation tools are in the skills hub.