lewis
|
a93138e1bf
|
feat: html-ppt AgentSkill — 24 themes, 31 layouts, 20+ animations
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>
|
2026-04-15 15:36:16 +08:00 |
|
lewis
|
5554a11c85
|
feat: html-ppt AgentSkill — HTML PPT Studio
Token-driven static HTML presentation system. One skill directory under
html-ppt/ implementing the full AgentSkills spec.
- 24 themes (assets/themes/*.css): minimal-white, editorial-serif,
soft-pastel, sharp-mono, arctic-cool, sunset-warm, catppuccin-latte/mocha,
dracula, tokyo-night, nord, solarized-light, gruvbox-dark, rose-pine,
neo-brutalism, glassmorphism, bauhaus, swiss-grid, terminal-green,
xiaohongshu-white, rainbow-gradient, aurora, blueprint, memphis-pop.
Each overrides only CSS custom properties consumed by base.css.
- 31 single-page layout templates (templates/single-page/) with realistic
demo data: cover, toc, section-divider, bullets, two/three-column,
big-quote, stat-highlight, kpi-grid, table, code (highlight.js), diff,
terminal, flow/arch/mindmap diagrams, timeline, roadmap, gantt,
comparison, pros-cons, checklist, image-hero/grid, chart-bar/line/pie/
radar (chart.js), process-steps, cta, thanks.
- 27 named animations (assets/animations/animations.css) applied via
class="anim-<name>" or data-anim="<name>"; runtime re-triggers on slide
enter. Respects prefers-reduced-motion.
- Runtime (assets/runtime.js): ←/→/Space/PgUp/PgDn/Home/End nav, F
fullscreen, S speaker notes overlay, O overview grid, T cycle themes,
A cycle animations, #/N deep-link, progress bar, counter-up tick-up.
- Showcase decks: theme-showcase.html (24), animation-showcase.html (27),
layout-showcase.html (iframe tour of 30 layouts), deck.html starter.
- Scripts: render.sh (headless Chrome at /Applications/Google Chrome.app,
1920×1080, multi-slide via #/N) and new-deck.sh (scaffold from deck.html).
- References: themes.md, layouts.md, animations.md, authoring-guide.md.
- examples/demo-deck/ — complete 8-slide deck using aurora theme + chart.js.
- SKILL.md with trigger keywords (presentation, PPT, slides, keynote, deck,
幻灯片, 演讲稿, reveal, 小红书图文) and authoring rules.
- MIT LICENSE, README.md.
Author: lewis <sudolewis@gmail.com>
|
2026-04-15 15:35:03 +08:00 |