Apple-style launch film, built in code

Every pixel of the Mac is drawn in code: the menu bar, the notch, the widgets and the wallpapers. One HTML file with window.seek(seconds), exported to MP4.

Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.

Pairs with a free skill (not mine) that turns Apple's design guidelines into rules Claude follows. Install it once:

npx skills add emilkowalski/skills --skill apple-design

Step 1: Ask for five things, then wait

1. The product name and its one line, word for word.
2. The facts list. Every feature, number and requirement the film may show. Nothing else goes on screen.
3. The scenes. 6 to 8, each one feature plus one short caption. Example: "Your voice lives here."
4. A reference (optional): a real Mac launch film or frames of one, in a folder called ref. It sets the look only.
5. Size and length. Default 1920 x 1080, 30fps, about 2.5 seconds a scene.