academic-slideslisted

# Academic Slides Skill Create zero-dependency, Beamer-inspired HTML presentations that run entirely in the browser. This skill helps academics and researchers build professional presentations with proper theorem environments, equation rendering via KaTeX, and structured frame navigation. Users discover their preferred theme through visual exploration ("show, don't tell"), then the skill generates production-quality frame decks. ## Core Philosophy 1. **Zero Build Dependencies** -- Single HTML files with inline CSS/JS. KaTeX loaded via CDN for equations. No npm, no build tools. 2. **Show, Don't Tell** -- People don't know what they want until they see it. Generate visual theme previews for academic users. 3. **Academic Authenticity** -- Beamer-inspired structure, Computer Modern typography, proper theorem environments. Not PowerPoint-with-serif-fonts. 4. **Production Quality** -- Accessible, responsive, well-commented code. 5. **Viewport Fitting (CRITICAL)** -- Every frame MUST fit exactly within the viewport. No scrolling within frames, ever. This is non-negotiable. --- ## CRITICAL: Viewport Fitting Requirements **This section is mandatory for ALL presentations. Every frame must be fully visible without scrolling on any screen size.** ### The Golden Rule ```text Each frame = exactly one viewport height (100vh/100dvh) Content overflows? -> Split into multiple frames or reduce content Never scroll within a frame. ``` ### Content Density Limits To guarantee viewport fi