This Claude Code skill enables users to generate professional Reveal.js HTML presentations directly from natural language prompts. It targets users of Claude Code seeking a streamlined, code-free method for creating visually appealing slides, complete with data visualizations and custom styling, benefiting from an automated workflow that minimizes manual intervention and eliminates the need for traditional build steps.

How It Works

The skill leverages Claude Code's natural language understanding to interpret presentation requests, automatically planning slide structure, selecting themes, and generating HTML/CSS. It integrates Chart.js for dynamic visualizations and Font Awesome for icons. Core advantages include a no-build-step approach, automated overflow detection using Playwright to ensure content fits slides, and a specialized fork of DeckTape for efficient PDF export and slide screenshotting.

Quick Start & Requirements

• Installation:
  • Plugin (Recommended): Install via Claude Code: /plugin marketplace add ryanbbrown/revealjs-skill followed by /plugin install revealjs@revealjs-skill.
  • Manual: Copy the skills/revealjs directory to your Claude Code skills directory (~/.claude/skills/ or .claude/skills/).
• Dependencies: Requires npm to install Playwright, DeckTape (forked), and Cheerio. Run npm install --prefix <path_to_skill_cache> after plugin installation or npm install for manual installs.
• Usage: Prompt Claude Code, e.g., "Create a 10-slide presentation about renewable energy trends."
• Docs: Implicitly via Claude Code interface.

Highlighted Details

• Automated overflow detection ensures content fits within slide boundaries.
• Custom CSS theme allows easy customization of colors, typography, and layout via CSS variables.
• Browser-based editing script (edit-html.js) enables inline text modification without touching raw HTML.
• Chart.js integration supports data visualization, with an export mode for static rendering in PDFs/screenshots.

Maintenance & Community

No specific details regarding maintainers, community channels (like Discord/Slack), or roadmap were provided in the README snippet.

Licensing & Compatibility

The license type is not explicitly stated in the provided text. Compatibility for commercial use or linking within closed-source projects would require clarification.

Limitations & Caveats

This skill is dependent on the Claude Code environment. Installation of Node.js dependencies (Playwright, DeckTape) is required. PDF export relies on a specific, potentially unmaintained, fork of DeckTape. The browser editing feature requires running a separate Node.js script.