html-slides-skill

Generate self-contained reveal.js slide decks with speaker notes and code highlighting.

1|1|Updated Mar 22, 2026
One-click install
npx skills add https://github.com/zzafergok/skills --skill html-slides-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-slides-skill
Source: https://github.com/zzafergok/skills/tree/main/04-frontend-development/html-slides-skill
Command: npx skills add https://github.com/zzafergok/skills --skill html-slides-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create interactive HTML presentations effortlessly by leveraging reveal.js to produce self-contained slides with speaker notes, animations, code highlighting, and responsive layouts.

Core Features & Use Cases

  • Self-contained HTML presentations with reveal.js, including speaker notes, code highlighting, and slide transitions.
  • Supports horizontal and vertical slide structures, markdown content, themes, and responsive layouts for web and offline viewing.
  • Use Case: deliver tech talks, product launches, or training sessions with portable HTML slides that require no server.

Quick Start

Open the slide generator and run with your content to produce a ready-to-share HTML file.

Frequently Asked Questions about html-slides-skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive HTML presentations from structured content?

You create interactive HTML presentations by generating self-contained reveal.js slide decks from structured content, which include speaker notes, code highlighting, and responsive layouts for web and offline viewing.

Can I use markdown to build reveal.js slide decks for technical talks?

Yes, you can build reveal.js slide decks using markdown content to create self-contained HTML slide decks with horizontal and vertical slide structures, themes, and speaker notes for technical talks.

Do I need a server to share HTML slides for a product demo or training session?

No, you do not need a server to share HTML slides for product demos or training sessions because the generated reveal.js presentations are self-contained and portable for offline viewing.

What is the best way to add code highlighting and speaker notes to HTML presentations?

The best way to add code highlighting and speaker notes to HTML presentations is by generating a self-contained reveal.js slide deck that natively supports these features alongside slide transitions.

Does the generated reveal.js presentation support responsive layouts for offline viewing?

Yes, the generated reveal.js presentation supports responsive layouts and themes, ensuring your self-contained HTML slides display correctly across devices for both web and offline viewing.