skills.rest
lewislulu
lewisluluCOMMUNITY
Explore all skills by this author →
GitHub

html-ppt

Create multi-slide HTML decks from templates using themes and layouts.

7.7k|680|Updated Apr 15, 2026
Search Tags:#templates#presentation#themes#slides#keyboard-navigation#presenter-mode#html-ppt
One-click install
npx skills add https://github.com/lewislulu/html-ppt-skill --skill html-ppt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt
Source: https://github.com/lewislulu/html-ppt-skill/tree/main
Command: npx skills add https://github.com/lewislulu/html-ppt-skill --skill html-ppt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

HTML PPT Studio streamlines the creation of professional multi‑slide HTML decks by combining templates, themes, and animations into a zero-build workflow.

Core Features & Use Cases

  • Token-based design system: 36 themes, 31 single-page layouts, and 15 full-deck templates driven by CSS variables for rapid customization.
  • Presenter mode and pixel-perfect previews: built‑in tools for live or recorded talks, bilingual content, and keyboard navigation.
  • Standalone, static HTML/CSS/JS: no build step required, with optional assets for scripts, references, and assets in the skill.

Quick Start

Install the skill and author decks directly from the templates, then render to PNG or publish as static HTML slides.

Frequently Asked Questions about html-ppt

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

FAQPage Schema
How do I create HTML presentation slides from an outline without a build step?▼

You can create HTML presentation slides by authoring outlines directly into full-deck templates. This zero-build workflow generates standalone static HTML, CSS, and JavaScript files, requiring no build step before rendering or publishing.

What is a token-based design system for HTML slide decks?▼

A token-based design system uses CSS variables to drive themes and layouts for HTML slide decks. It includes 36 themes, 31 single-page layouts, and 15 full-deck templates, enabling rapid visual customization across all slides.

Can I use keyboard navigation and presenter mode for live talks in static HTML slides?▼

Yes, static HTML slides support built-in presenter mode and keyboard navigation. These features provide pixel-perfect previews and live presentation tools suitable for recorded or bilingual talks.

What is the best way to customize themes across a multi-slide HTML deck?▼

The best way to customize themes is by modifying the token-based CSS variables. This design system instantly applies consistent visual changes across all 36 available themes and 15 full-deck templates within your HTML presentation.

Do I need any dependencies or frameworks to render HTML slides to PNG?▼

No dependencies or frameworks are required to render HTML slides to PNG. The skill operates with standalone static assets and a zero-build workflow, allowing direct rendering and publishing without installing external packages.

Related Skills

Explore More Content & Communication Skills→
GlourGlour

presentation

Convert text or outlines into Marp slides and export to PDF, PPTX, or HTML.

Community
Intermediate
LingoJackLingoJack
6

html-ppt

Generate static HTML presentation decks with themes, layouts, animations, and keyboard navigation.

Community
Advanced
Ricardo-VaeRicardo-Vae

html-ppt

Generate static HTML/CSS/JS slide decks with themes and presenter mode.

Community
Intermediate
k2worksk2works

generating-slides

Generate a 12-slide PowerPoint presentation from inception deck Markdown using pptxgenjs.

Community
Intermediate