frontend-slides
Installation
SKILL.md
Frontend Slides Skill
Generate browser-based HTML presentations as a single self-contained .html file. Three entry paths: new build from topic/notes, PPTX-to-HTML conversion, or enhancement of an existing HTML deck.
Routing disambiguation: When the user says only "slides" or "deck" without specifying format, ask exactly one question before proceeding: "Should this be an HTML file (opens in browser) or a PowerPoint file (.pptx)?" This skill only produces HTML — it converts an existing PPTX to HTML but cannot generate a new .pptx file.
Reference Loading Table
| Signal | Load These Files | Why |
|---|---|---|
| Phase 3 (style selection) or Phase 4 (build) | references/STYLE_PRESETS.md |
CSS base block, 12 named presets, mood mapping, density limits, validation breakpoints |
| SlideController, keyboard nav, touch swipe, wheel scroll, Intersection Observer, reveal animation | references/slide-controller.md |
Canonical JS implementation, navigating guard, wheel debounce, IO reveal pattern, failure modes with detection commands |
PPTX, .pptx, python-pptx, convert slides, extract slides |
references/pptx-conversion.md |
Safe extraction loop, notes guard, GROUP shape recursion, base64 image embedding, error-fix mappings |
Instructions
Phase 1: DETECT
Identify which of the three paths applies: