zhens
/
htmlewislulu-html-ppt-skill
mirror of https://github.com/lewislulu/html-ppt-skill.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
8 Commits 1 Branch 0 Tags 9.5 MiB
Commit Graph

8 Commits

Author SHA1 Message Date
lewis 376dfe5e77 fix: hide .notes from slides + add explicit no-presenter-text rule 
- base.css: add .notes{display:none!important} so speaker notes are never
  visible on the rendered slide (only in S overlay)
- SKILL.md: add NEVER-put-presenter-text rule in authoring rules
- authoring-guide.md: add same rule in What to NOT do section

Fixes issue where AI would put small descriptive/presenter-only text
directly on slide markup instead of inside <div class='notes'>.
 2026-04-16 11:27:32 +08:00
lewis 9f99b12b12 docs(readme): add hero GIF (cover with live previews) + layouts cycling GIF 
- hero.gif (~2.4 MB): intro-deck cover page captured live showing the
  3 preview strips all running (full decks / canvas FX / cycling layouts)
- layouts-live.gif (~570 KB): the 31-layout auto-rotator cycling through
  kpi-grid -> chart-line -> timeline in real templates/single-page files
- README: hero GIF moved to the very top as the opening visual,
  layouts-live.gif inserted below the 31-layout section next to layouts.png
 2026-04-15 22:36:33 +08:00
lewis 0824d3648b docs(readme): embed themes / layouts / animations / templates showcase screenshots 
- add docs/readme/montage-{themes,layouts,animations,templates}.html
- pre-render each montage to a 1920x1080 PNG via headless Chrome
- embed all 4 hero screenshots into README.md
- themes.png shows 8 live theme previews
- layouts.png shows 8 real single-page layouts
- animations.png shows 8 canvas FX tiles with running particles
- templates.png shows 6 full-deck iframes
 2026-04-15 22:32:28 +08:00
lewis 9bbca1697e docs: audit README + SKILL — accurate counts, install command, pre-author checklist 
- README fully rewritten: correct 36 themes / 31 layouts / 27 CSS + 20 FX anims / 14 full decks
- Add one-line install: npx skills add https://github.com/lewislulu/html-ppt-skill
- List all 36 theme names, 14 full-deck names, and the animation catalogs
- SKILL.md: fix 30 → 31 layouts, 25 → 27 CSS animations
- SKILL.md: add 'Before you author anything' section — always ask user about
  content/style/starting-point, or recommend themes based on audience
- SKILL.md: fix duplicate '5.' in Quick start numbering
 2026-04-15 17:08:58 +08:00
lewis 3f6558d11e chore: drop fix-brief 2026-04-15 16:38:23 +08:00
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
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