html-ppt — Skills — getagentictools

What it does

31 layouts (templates/single-page/.html) with realistic demo data

27 CSS animations (assets/animations/animations.css) via data-anim

FX runtime (assets/animations/fx-runtime.js) — auto-inits [data-fx] on slide enter, cleans up on leave

Showcase decks for themes / layouts / animations / full-decks gallery

Headless Chrome render script for PNG export

🔵 CURRENT — pixel-perfect iframe preview of the current slide

🟣 NEXT — pixel-perfect iframe preview of the next slide

html ppt

Source

Repository: https://github.com/lewislulu/html-ppt-skill

html-ppt FAQ

What does the html-ppt skill do?

HTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation". 31 layouts (templates/single-page/.html) with realistic demo data 27 CSS animations (assets/animations/animations.css) via data-anim

What does html-ppt require?

All pages share a token-based design system in assets/base.css. │ ├── themes/.css (36 token overrides, one per theme)

How do I install html-ppt?

Run: npx -y skills add https://github.com/lewislulu/html-ppt-skill --skill html-ppt --agent claude-code — the source lives at github.com/lewislulu/html-ppt-skill.

Maintain html-ppt?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![html-ppt on getagentictools](https://getagentictools.com/badge/skills/lewislulu-html-ppt-skill-html-ppt.svg)](https://getagentictools.com/skills/lewislulu-html-ppt-skill-html-ppt?ref=badge)

npx agentictools info skills/lewislulu-html-ppt-skill-html-ppt

The second line is the CLI lookup for this page — handy in READMEs and docs.