skillfed

html-slides

HTML Slides generates reveal.js presentations with full control over themes, transitions, and interactivity. Supports animations, syntax highlighting, speaker notes, and responsive design for tech talks, product launches, and code walkthroughs.

HTML Slides creates interactive web-based presentations using reveal.js with animations, code highlighting, and speaker notes.

AI-generated summary based on this skill's SKILL.md

338 71 MIT updated by claude-office-skills

Install

claude-office-skills/skills/html-slides · repository language: TypeScript

CLI (skillfed)coming soon
git clone https://github.com/claude-office-skills/skills
cp -r skills/html-slides ~/.claude/skills/html-slides

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What is HTML Slides and what can I build with it?

HTML Slides is a reveal.js-based presentation generator that lets you create interactive HTML presentations with full control over themes, transitions, and interactivity. You can build web-based slide decks for tech talks, product launches, and code walkthroughs, complete with animations, syntax highlighting, speaker notes, and responsive design.

Can I create HTML presentation slides with animations and transitions?

Yes. HTML Slides lets you build web-based slide decks with animations and transitions built into the reveal.js framework. You can design responsive slides with custom styling, add fragment animations, and control how content appears on each slide for engaging presentations.

Does HTML Slides support code highlighting for tech talks?

HTML Slides includes syntax highlighting support, making it ideal for generating code-focused presentations. You can showcase code snippets with proper formatting and highlighting, perfect for developer talks, tutorials, and technical walkthroughs where code examples are central to your message.

What features does the HTML Slides presentation framework offer?

HTML Slides provides speaker notes, responsive design that works across devices, customizable themes, fragment controls for step-by-step reveals, and full reveal.js framework integration. These features let you design polished, interactive presentations whether you're building a product pitch or an in-depth technical presentation.

Is HTML Slides open source and what license does it use?

HTML Slides is released under the MIT license, giving you freedom to use, modify, and distribute it for personal or commercial projects with minimal restrictions.

How do I build responsive web presentations with HTML Slides?

HTML Slides uses the reveal.js framework to handle responsive design automatically. Your slides adapt to different screen sizes and devices, and you can customize styling with themes. This makes it easy to create slide decks that look professional whether presented on a projector, monitor, or mobile device.

SKILL.md

rendered from the published skill — quoted content, verbatim

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

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 1 file
html-slides/SKILL.md

Related skills

Tags

reveal-framework interactive-decks web-native-slides code-presentation speaker-mode animation-effects theme-customization responsive-slides