Skip to content

Conversation

@ryanbbrown
Copy link

Add Reveal.js Presentations skill

Summary

  • Adds a new skill for creating polished, professional HTML presentations using reveal.js
  • Generates complete presentation files (HTML + CSS) with no build step required
  • Includes automated quality checks for content overflow and visual review

What problem it solves

Creating professional presentations typically requires PowerPoint, Keynote, or Google Slides. This skill enables Claude Code to generate reveal.js presentations that:

  • Are portable HTML files that work anywhere (no proprietary software needed)
  • Support rich layouts, themes, and data visualizations via Chart.js
  • Can be version-controlled alongside code
  • Export to PDF for sharing
  • Include speaker notes for live presentations

Who uses this workflow

  • Developers who want to create presentations without leaving their terminal
  • Teams who want presentations stored in git alongside documentation
  • Anyone who needs quick, professional slides from natural language descriptions
  • Conference speakers and educators who want customizable HTML presentations

Attribution/inspiration source

Built on top of reveal.js, the open-source HTML presentation framework, and directly copies some of the powerpoint design instructions from Anthropic's pptx skill.

Example of how it's used

User prompt:

Create a 10-slide presentation about renewable energy trends

Claude generates:

  • presentation.html - Complete reveal.js presentation
  • styles.css - Custom theme with content-appropriate colors
  • Screenshots of all slides for visual review

The presentation can be opened directly in any browser, with no build step required.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant