HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML presentations
Go to file
lewis db0f0cee33 fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-15 16:29:08 +08:00
assets fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
examples/demo-deck feat: html-ppt AgentSkill — 24 themes, 31 layouts, 20+ animations 2026-04-15 15:36:16 +08:00
references fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
scripts fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
templates fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
FIX-BRIEF.md fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
LICENSE feat: html-ppt AgentSkill — 24 themes, 31 layouts, 20+ animations 2026-04-15 15:36:16 +08:00
README.md feat: html-ppt AgentSkill — 24 themes, 31 layouts, 20+ animations 2026-04-15 15:36:16 +08:00
SKILL.md fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00

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.