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