ai-slides

# Slides ## Purpose Create zero-dependency, animation-rich HTML presentations that run entirely in the browser. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices. Converts PowerPoint decks to web. Enforces viewport fit as a hard gate. ## When to Use - `new`: creating a talk deck, pitch deck, workshop deck, or internal presentation from scratch - `convert`: converting `.ppt` or `.pptx` slides into an HTML presentation - `enhance`: improving an existing HTML presentation's layout, motion, or typography ## Process ### Step 1 -- Detect Mode Choose one path based on user input: - **New presentation**: user has a topic, notes, or full draft - **PPT conversion**: user has `.ppt` or `.pptx` - **Enhancement**: user already has HTML slides and wants improvements ### Step 2 -- Discover Content Ask only the minimum needed: - purpose: pitch, teaching, conference talk, internal update - length: short (5-10 slides), medium (10-20), long (20+) - content state: finished copy, rough notes, topic only If the user has content, ask them to paste it before styling. ### Step 3 -- Discover Style (Preview-First) Default to visual exploration. If the user already knows the desired preset, skip previews and use it directly. Otherwise: 1. Ask what feeling the deck should create: impressed, energized, focused, inspired 2. Generate **3 single-slide preview files** in a `slide-previews/` directory 3. Each preview must be self-contained, show t...