diff --git a/README.md b/README.md index 9ea976b..8ceb981 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,9 @@ **Author:** lewis <sudolewis@gmail.com> **License:** MIT -![html-ppt · 36 themes](docs/readme/themes.png) +![html-ppt — cover with live previews](docs/readme/hero.gif) + +> One command installs **36 themes × 20 canvas FX × 31 layouts × 14 full decks = 101 PPT skills**. Every preview above is a live iframe of a real template file rendering inside the deck — no screenshots, no mock-ups. ## Install (one command) @@ -46,6 +48,8 @@ that supports AgentSkills can author presentations by asking things like: `corporate-clean`, `academic-paper`, `news-broadcast`, `pitch-deck-vc`, `magazine-bold`, `engineering-whiteprint`. +![36 themes · 8 of them](docs/readme/themes.png) + Each is a pure CSS-tokens file — swap one `` to reskin the entire deck. Browse them all in `templates/theme-showcase.html` (each slide rendered in an isolated iframe so theme ≠ theme is visually guaranteed). @@ -87,6 +91,10 @@ chart-pie · chart-radar · arch-diagram · process-steps · cta · thanks Every layout ships with realistic demo data so you can drop it into a deck and immediately see it render. +![31 layouts auto-cycling through real template files](docs/readme/layouts-live.gif) + +*The big iframe is loading `templates/single-page/.html` directly and cycling through all 31 layouts every 2.8 seconds.* + ![47 animations — 27 CSS + 20 canvas FX](docs/readme/animations.png) ### 27 CSS animations + 20 Canvas FX diff --git a/docs/readme/hero.gif b/docs/readme/hero.gif new file mode 100644 index 0000000..4f90832 Binary files /dev/null and b/docs/readme/hero.gif differ diff --git a/docs/readme/layouts-live.gif b/docs/readme/layouts-live.gif new file mode 100644 index 0000000..badcd51 Binary files /dev/null and b/docs/readme/layouts-live.gif differ