HTML Presentation Framework

ReactPresentationHTMLSlidesDeckUpdated 2026-08-14

When to use: Building code-driven presentations: tech talks, course modules, pitch decks, and shareable web slides that need no PowerPoint.

Install
npx skills add html-presentation-framework
Git Clone
git clone https://github.com/skillhub-community/html-presentation-framework.git

Description

An HTML presentation framework — the code-driven alternative to slide tools. Deck engine: vertical/horizontal slide navigation, speaker notes (per-slide <aside>), and a presenter mode (current / next / notes in a popup, triggered by a key). Themes: a set of visual themes (Light Editorial, Dark Code, Warm Paper, Cyber Terminal, Minimal Slate) each defining typography, colors, and layout for consistent decks. Keyboard nav: arrows, Home/End, and a slide index overview (press Esc).

Slide components: code blocks with syntax highlighting + terminal-style chrome, data big-number slides, image grids, and a callout card. Progress indicators (top bar or dot grid) and a print/PDF export (via print CSS) plus a single-file HTML export (self-contained, no CDN deps — everything inlined) for sharing. Framework-agnostic: core is plain HTML/CSS/JS; a React wrapper is included. Ships with example decks: a tech-sharing talk, a product launch, and a weekly status update — each in a different theme.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@content_wei
LicenseMIT
Version1.0.0
Dependencies0