Frontend Slides

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

When to Use This Skill

• Use when the user asks to create a presentation, slide deck, or pitch from scratch.
• Use when the user wants to convert an existing PPT or PPTX file into a web-based presentation.
• Use when designing visually rich, animated HTML content that needs to fit exactly within the viewport.

Core Principles

1. Zero Dependencies — Single HTML files with inline CSS/JS. No npm, no build tools.
2. Show, Don't Tell — Generate visual previews, not abstract choices. People discover what they want by seeing it.
3. Distinctive Design — No generic "AI slop." Every presentation must feel custom-crafted.
4. Viewport Fitting (NON-NEGOTIABLE) — Every slide MUST fit exactly within 100vh. No scrolling within slides, ever. Content overflows? Split into multiple slides.

Design Aesthetics