Agent skill · design visual · claude-office-skills
html-slides
>
Why this skill is useful
Provides specific HTML and reveal.js commands for creating interactive presentations that the AI wouldn't reliably generate on its own.
What it needs
About 3k tokens when loaded. Last updated 2026-01-31. 363 stars on the source repository.
What this skill does
HTML Slides Skill Overview This skill enables creation of stunning HTML-based presentations using reveal.js - the web's most popular presentation framework. Create interactive, responsive slides with animations, code highlighting, speaker notes, and more. How to Use 1. Describe the presentation you want to create 2. Specify theme, transitions, and features needed 3. I'll generate a reveal.js presentation Example prompts: "Create an interactive presentation about our product" "Build a code walkthrough presentation with syntax highlighting" "Make a presentation with speaker notes and timer" "Create slides with animations and transitions" Domain Knowledge reveal.js Basics Slide Structure Themes Built-in themes: black, white, league, beige, sky, night, serif, simple, solarized, blood, moon Transitions Fragments (Animations) Fragment styles: fade-in, fade-out, fade-up, fade-down, fade-left, fade-right, highlight-red, highlight-blue, highlight-green, strike Code Highlighting Speaker Notes Backgrounds Configuration Examples Example 1: Tech Talk Example 2: Product Launch Resources reveal.js Documentation GitHub Repository Demo Slides
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills claude-office-skills/html-slides