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.