a93138e1bf
World-class HTML presentation skill with keyboard navigation, theme/animation switching, headless Chrome rendering, and showcase decks for themes/layouts/animations. - 24 themes (minimal-white, dracula, catppuccin, tokyo-night, xiaohongshu-white, …) - 31 single-page layouts (cover, code, charts, timeline, gantt, mindmap, …) - 20+ named animations (rise-in, typewriter, confetti-burst, card-flip-3d, …) - theme/layout/animation showcase decks - runtime.js: arrow/space/F/S/O/T/A keybinds, hash routing, progress bar - render.sh headless Chrome PNG export - MIT, author lewis <sudolewis@gmail.com> |
||
|---|---|---|
| assets | ||
| examples/demo-deck | ||
| references | ||
| scripts | ||
| templates | ||
| LICENSE | ||
| README.md | ||
| SKILL.md | ||
README.md
html-ppt — HTML PPT Studio
Author: lewis <sudolewis@gmail.com> License: MIT
A self-contained AgentSkill for producing professional HTML presentations ("slides", "decks", "keynotes", 演讲稿, 幻灯片) in many styles, layouts, and animations — all driven by tasteful, hand-tuned templates.
- 24 themes (
assets/themes/*.css) - 30 page layouts (
templates/single-page/*.html) - 25 named animations (
assets/animations/animations.css) - Keyboard-driven runtime with presenter mode, theme cycling, overview grid
- Zero build: pure static HTML/CSS/JS, CDN deps only (Noto Sans SC, Inter, JetBrains Mono, highlight.js, chart.js)
- Showcase decks for every theme / layout / animation
- Headless-Chrome PNG renderer script
Quick start
# scaffold a new deck
./scripts/new-deck.sh my-talk
# render a template to PNG
./scripts/render.sh templates/theme-showcase.html
Open templates/theme-showcase.html / templates/layout-showcase.html /
templates/animation-showcase.html in Chrome to browse the whole catalog.
See SKILL.md for the agent-facing usage guide and references/ for the
full theme / layout / animation catalogs.