Generate magazine-quality slide decks

Generate magazine-quality slide deck as self-contained HTML

Product/pitch presentations requiring distinctive visual impact and temporal storytelling without custom design tool.

• · Topic/narrative for slide deck (text via $@)
• · Visual reference: templates/slide-deck.html, references/slide-patterns.md, references/css-patterns.md

• · Single HTML file (self-contained, no external dependencies)
• · Slide sequence with temporal narrative arc
• · Varied compositional layouts per slide (centered, left-heavy, split, full-bleed)
• · Inline SVG, Mermaid diagrams, Chart.js sparklines where relevant

• · visual-explainer skill
• · surf CLI (optional, for title slide background images)
• · Mermaid, Chart.js, CSS Grid/Flexbox

• · visual-explainer skill available
• · Template patterns read (slide-patterns.md, css-patterns.md)
• · Aesthetic direction chosen (Midnight Editorial, Warm Signal, Terminal Mono, Swiss Clean, or custom)

• · surf CLI not available — falls back to solid-color backgrounds
• · Mermaid diagram exceeds viewport — CSS zoom controls + overflow protection applied
• · Three+ centered slides in sequence — layout checker flags for compositional variety

• · Opt-in slide generation (only when /generate-slides invoked or explicit request)
• · Compositional variety enforcement (no repetitive layouts)
• · Aesthetic commitment (one direction per deck, not random mixing)
• · Defensive CSS (overflow, zoom, depth tiers documented in css-patterns.md)