ryanbbrown/revealjs-skill

Registry

Summary

A coding agent skill that enables Claude to create interactive, web-based presentations using the reveal.js framework directly from markdown content.

Key features

• Generates reveal.js presentations from markdown
• Supports interactive slide elements and transitions
• Lightweight skill designed for coding agents
• Outputs standalone HTML files for easy sharing

Use cases

• Quickly create slide decks for technical talks
• Generate interactive training materials
• Prototype presentation layouts with markdown
• Automate presentation creation in CI/CD pipelines

README excerpt

# revealjs-skill A coding agent skill for creating polished, professional [Reveal.js](https://revealjs.com/) HTML presentations using natural language. **[View Example Presentation](https://ryanbbrown.com/revealjs-skill/examples/revealjs/presentation.html)** Allows for: - Professional themes and color palettes - Multi-column layouts - Callout boxes and styled components - Chart.js integration for data visualization - Font Awesome icons - Speaker notes - Animations and transitions - Custom CSS styling No build step required - just open the generated HTML in a browser. Can also be exported as a PDF. ## Installation ### Plugin (recommended) Add the marketplace and install the plugin from within Claude Code: ``` /plugin marketplace add ryanbbrown/revealjs-skill /plugin install revealjs@revealjs-skill ``` Then install dependencies (needed for overflow checking and PDF export): ```bash npm install --prefix ~/.claude/plugins/cache/revealjs ``` ### Manual Alternatively, copy the `skills/revealjs` folder to your Claude Code skills directory: ```bash # User-level installation (available in all projects) cp -r skills/revealjs ~/.claude/skills/ # Or project-level installation cp -r skills/revealjs .claude/skills/ ``` Install dependencies (needed for overflow checking and PDF export): ```bash npm install ``` ### Dependencies - **[Playwright](https://playwright.dev/)** - Browser automation for overflow detection - **[DeckTape](https://github.com/astefanutti/decktape)** - PDF export and slide screenshots (using a [fork](https://github.com/ryanbbrown/decktape) that adds `--slides` flag for capturing specific slides, enabling faster iteration when fixing visual issues) - **[Cheerio](https://cheerio.js.org/)** - HTML parsing to validate generated Chart.js ## Usage On

Topics

No topics yet.