frontend-slides

Topics in the source

• Frontend Slides
• When to Activate
• Non-Negotiables
• Workflow
• 1. Detect Mode
• 2. Discover Content
• 3. Discover Style
• 4. Build the Presentation

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser. Inspired by the visual exploration approach showcased in work by zarazhangrui. Creating a talk deck, pitch deck, workshop deck, or internal presentation Converting .ppt or .pptx slides into an HTML presentation Improving an existing HTML presentation's layout, motion, or typography Exploring presentation styles with a user who does not know their design preference yet 1. Zero dependencies: default to one self-contained HTML file with inline CSS and JS. 2. Viewport fit is mandatory: every slide must fit inside one viewport with no internal scrolling. 3. Show, don't tell: use visual previews instead of abstract style questionnaires. 4. Distinctive design: avoid generic purple-gradient, Inter-on-white, template-looking decks. 5. Production quality: keep code commented, accessible, responsive, and performant. Before generating, read STYLEPRESETS.md for the viewport-safe CSS base, density limits, preset catalog, and CSS gotchas. Choose one path: 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 impro

This is an excerpt. Refer to the complete source and its current requirements.