Html Ppt

This is a complete presentation authoring system that generates static HTML slide decks with 36 themes, 31 layouts, and 27 animations. What makes it worth attention is the presenter mode: hit S and you get a magnetic popup with pixel-perfect previews of current and next slides, a scrollable speaker script panel, and a timer. The previews use iframes with the actual deck CSS so colors and fonts match exactly what the audience sees. It's designed for technical talks and 小红书 posts but works for pitch decks and reports too. If you've ever fumbled through a presentation with notes on paper or a second laptop, the presenter window alone justifies keeping this around. The templates are opinionated and the keyboard shortcuts are discoverable, which beats starting from a blank reveal.js fork every time.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 21.4K
GitHub stars: 9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add lewislulu/html-ppt-skill --skill html-ppt --agent claude-code

Installs into .claude/skills of the current project.

Files

html-ppt — HTML PPT Studio

Author professional HTML presentations as static files. One theme file = one look. One layout file = one page type. One animation class = one entry effect. All pages share a token-based design system in assets/base.css.

Install

npx skills add https://github.com/lewislulu/html-ppt-skill

One command, no build. Pure static HTML/CSS/JS with only CDN webfonts.

No network on the target machine? Point the CLI at a local copy (npx skills add ./html-ppt-skill), or just copy this folder into your agent's skills directory — ~/.claude/skills/html-ppt/ for Claude Code. Decks render offline; only the webfonts fall back to the system stack. See README.md.