skills.rest
ethan-rio
ethan-rioCOMMUNITY
Explore all skills by this author →
GitHub

html-slideshow-deck

Create browser-native HTML presentation decks with keyboard navigation and embedded live code.

Updated May 5, 2026
Search Tags:#html#presentation#responsive#keyboard-navigation#deck#tech-talk#slideshow
One-click install
npx skills add https://github.com/ethan-rio/skills --skill html-slideshow-deck
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-slideshow-deck
Source: https://github.com/ethan-rio/skills/tree/main/skills/html/html-slideshow-deck
Command: npx skills add https://github.com/ethan-rio/skills --skill html-slideshow-deck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the friction of creating shareable, interactive presentation decks that work across all devices without relying on proprietary tools like PowerPoint or Keynote, which are difficult to share via link and cannot embed live code or interactive elements.

Core Features & Use Cases

  • Cross-device, browser-native decks: Supports keyboard navigation, fullscreen mode, and responsive mobile layout for viewing on any device during commutes or incident response.
  • Interactive content support: Embeds live code snippets, inline SVG diagrams, and working HTML widgets directly in slides for tech talks and demos.
  • Use case: Perfect for internal lightning talks, onboarding walkthroughs, leadership briefings, and async sharing where you need to distribute a presentation via a public URL instead of a static file.

Quick Start

Ask the AI to build a 12-slide HTML presentation deck for your internal lightning talk on the new evaluation framework, using a monospace engineering aesthetic with toggleable speaker notes included.

Frequently Asked Questions about html-slideshow-deck

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

FAQPage Schema
How do I create a shareable HTML presentation deck that works without proprietary software?▼

You can build a shareable HTML presentation deck by generating a self-contained HTML file with this tool, which supports cross-device browser access, keyboard navigation, and embedded interactive content without needing PowerPoint or Keynote.

Can I embed live code and interactive SVG diagrams in a browser-native slideshow?▼

Yes, the HTML slideshow supports embedding live code snippets, inline SVG diagrams, and working HTML widgets directly into slides, making it suitable for tech talks and interactive demos.

Does the HTML presentation deck support responsive mobile layout and presenter mode?▼

The HTML presentation deck supports responsive mobile layouts for viewing on any device, alongside a presenter mode with toggleable speaker notes and fullscreen capabilities for leadership briefings.

What is the best way to share a lightning talk presentation via a public URL?▼

The best way to share a lightning talk presentation via a public URL is to output a self-contained HTML file with no external build steps, allowing viewers to access the interactive deck directly in their browsers.

Do I need any external build steps or dependencies to create an interactive HTML deck?▼

No external build steps or dependencies are required to create an interactive HTML deck; the output is a self-contained HTML file that runs natively in any browser for async sharing and onboarding walkthroughs.

How does keyboard navigation work in a browser-native presentation deck?▼

Keyboard navigation in the browser-native presentation deck allows presenters and viewers to move through slides seamlessly during tech talks and incident response briefings using standard keyboard controls without proprietary viewers.

Related Skills

Explore More Content & Communication Skills→
koseki2580koseki2580

html-slide-deck

Convert structured source material into a browser-based HTML slide deck.

Community
Advanced
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
ThalesGroupThalesGroup
19

advanced-svg-system-design

Define SVG diagram systems with grid rules, component taxonomy, and color semantics.

Official
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate