skills.rest
zhaoxuanZzz
zhaoxuanZzzCOMMUNITY
Explore all skills by this author →
GitHub

web-presentation

Generate self-contained HTML presentations using Reveal.js templates.

Updated Feb 3, 2026
Search Tags:#theming#markdown#presentation#slides#single-file HTML#Reveal.js
One-click install
npx skills add https://github.com/zhaoxuanZzz/skills --skill web-presentation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-presentation
Source: https://github.com/zhaoxuanZzz/skills/tree/main/skills/web-presentation
Command: npx skills add https://github.com/zhaoxuanZzz/skills --skill web-presentation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Web Presentation Skill eliminates the complexity of building modern, interactive web slides by generating self-contained HTML artifacts powered by Reveal.js. It enables anyone to create polished, browser-ready presentations without a local build step or external dependencies.

Core Features & Use Cases

  • Self-contained HTML output: produce single-file slides that run offline and as Claude.ai artifacts.
  • Reveal.js powered features: access advanced transitions, speaker notes, overview mode, code highlighting, math rendering, and plugin support.
  • Diverse layouts: utilize title, content, two-column, image+text, quote, and section-divider slides, including nested vertical slides.
  • Template-driven workflow: leverage ready-made SKILL.md templates and reference material to standardize presentation creation.
  • Broad applicability: ideal for product demos, technical talks, educational sessions, and team updates.

Quick Start

  1. Review the SKILL.md template to understand the interactive workflow and available layouts.
  2. Choose a slide structure (title, content, two-column, image-text, quote, section) and populate slides accordingly.
  3. Open the generated single HTML file in a modern browser to view, navigate, and present; use speaker notes and overview as needed.

Frequently Asked Questions about web-presentation

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

FAQPage Schema
How do I create a single-file HTML presentation from markdown?▼

To create a single-file HTML presentation, this skill converts your markdown content into a self-contained Reveal.js HTML file with code highlighting, math rendering, and speaker notes, requiring no local build step or external dependencies.

Can I generate interactive web slides that run offline as Claude.ai artifacts?▼

Yes, you can generate interactive web slides that run offline as Claude.ai artifacts. The skill produces self-contained single HTML files powered by Reveal.js, ensuring browser-ready output without external dependencies.

What slide layouts are available for a Reveal.js presentation?▼

Available Reveal.js presentation layouts include title, content, two-column, image+text, quote, and section-divider slides. It also supports nested vertical slides, fragments, and diverse transitions for product demos and technical talks.

Does this presentation tool support speaker notes and code highlighting?▼

Yes, this presentation tool supports speaker notes and code highlighting. It leverages Reveal.js features to provide advanced transitions, overview mode, math rendering, and plugin support within a single HTML file.

What is the best way to build technical talks or educational slides without a local build step?▼

The best way to build technical talks or educational slides without a local build step is using this template-driven workflow. It generates self-contained HTML files with Reveal.js, standardizing presentation creation for broad applicability.

Do I need to install dependencies to view my web presentation slides?▼

No, you do not need to install dependencies to view your web presentation slides. The skill generates CDN-based, self-contained HTML artifacts that run offline and operate independently in any modern browser.

Related Skills

Explore More Design & Creative Skills→
OutfinityResearchOutfinityResearch

pptx-lite

Generate a plain-text slide-by-slide outline from topic, slide count, and key points.

Official
Intermediate
KuneosuKuneosu
113

make-slide

Generate self-contained HTML slide decks with speaker notes from user content.

Community
Advanced
glaucia86glaucia86
16

revealjs

Convert presentation requirements into a single-file reveal.js HTML deck.

Community
Advanced
legoutlegout
3

html-slides

Generate interactive reveal.js HTML presentations with animations and code highlighting.

Community
Intermediate