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.