html-ppt

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

6|2|Updated Feb 10, 2026
One-click install
npx skills add https://github.com/LingoJack/jcli --skill html-ppt-lingojack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-ppt
Source: https://github.com/LingoJack/jcli/tree/main/.jcli/skills/html-ppt-skill
Command: npx skills add https://github.com/LingoJack/jcli --skill html-ppt-lingojack

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the time-consuming work of building slide decks from scratch by generating a polished, reusable HTML presentation using a shared token-driven design system and prebuilt layouts and animations.

Core Features & Use Cases

  • Theme + token-driven styling: switch between multiple visual identities by changing theme CSS variables while keeping typography, spacing, and layout consistent.
  • Template-based deck generation: produce full multi-slide presentations (including layouts and a focused “presenter mode” template) without a build step, suitable for reveal-style, keyboard-first navigation.
  • Presenter mode with speaker notes: support dual-window delivery with pixel-perfect slide previews and scrollable speaker scripts embedded in each slide’s notes area.
  • Use cases: technology sharing, product launches, weekly reports, pitch decks, and any talk/report document that must look consistent and be usable with keyboard navigation (including talk tracks with timed presenter notes).

Quick Start

Use html-ppt to create a 10-slide技术分享 deck with a presenter mode and a 150–300 word speaker script in each slide’s notes.

Frequently Asked Questions about html-ppt

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

FAQPage Schema
How do I generate an HTML presentation deck with keyboard navigation from templates?

Generating an HTML presentation deck involves selecting from provided templates to produce static multi-slide documents with keyboard-first navigation. The system applies token-based CSS theming to ensure slides render consistently without requiring a build step.

Does HTML presentation support presenter mode with speaker notes?

Presenter mode with speaker notes is fully supported through dual-window delivery. It provides pixel-perfect slide previews alongside scrollable speaker scripts embedded in each slide's notes area for timed talk tracks.

What is token-based CSS theming for static slide decks?

Token-based CSS theming allows switching between multiple visual identities by changing theme CSS variables. This mechanism keeps typography, spacing, and layout consistent across all slides while altering the visual appearance.

Can I use this approach for pitch decks and weekly reports without a build step?

Yes, template-based deck generation produces full multi-slide presentations suitable for pitch decks, weekly reports, and technology sharing. The static HTML output with prebuilt layouts and animations requires no build step to function.

What's the best way to create reveal-style multi-page slide documents?

The best way to create reveal-style documents is using prebuilt layouts and animations within a shared token-driven design system. This approach generates polished HTML presentations that support smooth presenter preview behavior via runtime.

Do I need any dependencies to run static HTML presentations with themes?

No external dependencies are required. The system generates static HTML presentation decks with themes, layouts, and animations that operate entirely via runtime, ensuring consistent rendering and smooth keyboard navigation.