Cinematic Slides

End-to-end pipeline: idea -> structured slides -> HTML -> AI images -> AI videos -> GitHub Pages.

Produces a single-file HTML presentation with looping AI video backgrounds per slide, keyboard navigation, and fullscreen 1920x1080 layout.

Pipeline

Step 1: Content Architecture

Use presentation-architect skill to create the slide plan:

• Get topic, audience, tone from user
• Output: structured markdown with slide-by-slide content, headlines, descriptions, visual direction
• Each slide needs a visual prompt describing the background mood/scene

Step 2: Build HTML Presentation

Create a single index.html (or slides.html) with: