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
Decision gist · record as of 2026-01-31
HTML Slides creates interactive web-based presentations using reveal.js with animations, code highlighting, and speaker notes. 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.
Use it when
- Yes.
- HTML Slides includes syntax highlighting support, making it ideal for generating code-focused presentations.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
claude-office-skills/skills/html-slides · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
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
- Describe the presentation you want to create
- Specify theme, transitions, and features needed
- I'll generate a reveal.js
(truncated - see the full file via the links below)
File tree — 1 file
html-slides/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create interactive HTML presentations using reveal.js framework”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Transform any document, outline, or notes into a polished HTML slide deck ready to present in a browser. Choose between horizontal or vertical scroll navigation, pick from multiple visual themes, and customize layouts for your audience—all in a single, self-contained file.
Build polished slide decks in reveal.js with a single self-contained HTML file. The skill handles layout, typography, and visual structure through configurable themes and reusable components like bars, cards, and grids. Use it for pitch decks, technical talks, or educational presentations.
Revealjs generates polished HTML presentations powered by reveal.js, letting you build slides with custom color palettes, multi-column layouts, code highlighting, and animations. The skill handles design strategy upfront—analyzing your content to inform color and layout choices—then scaffolds your presentation with a script and CSS variables for easy customization. Open the output HTML in any browser; no build step required.
AI Vibe Slides turns your ideas into polished, browser-ready presentations in a single self-contained HTML file. Choose from multiple design directions—startup bold, academic clean, tech modern, or creative colorful—and navigate via keyboard or click. Perfect for pitches, talks, and reports that need to look sharp and present immediately.
Presentation Creator scaffolds a complete slide-based React application with Recharts data visualization, keyboard navigation, and Sentry design system styling. It outputs a single distributable HTML file and enforces real data validation—charts are only generated when source content contains concrete quantitative data, never fabricated numbers.
Paper Analyzer converts research papers into polished, long-form HTML articles through a structured six-round workflow. It integrates code repository discovery, mathematical formula rendering, and Mermaid diagrams while offering three distinct writing styles—storytelling, academic, and concise—each tailored to different audience needs and comprehension levels.
More skills visualize (MIT)