Prompt from @twoclipping on X · ♥ 612
Make one HTML file at 1920x1080 promoting [PRODUCT]. Ask me for the product name and a one-line promise, 3 to 5 UI moments of [FEATURES] to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (license must allow commercial use). Direction: high-end minimal, one idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking, masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text. Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing. Structure: 10 bars at 120 BPM, 2 seconds each. Bar 1: the hook lands word by word on the beats. Bar 2: one hook word morphs into the [PRODUCT] UI showing [FEATURES]; a cursor types and clicks. The drop: a circle opens out of the button into a dark scene. Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black. Build rules: every style computed from time t with no CSS animations, timers, or state between frames. Extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame, awaiting decodes on seek. Analyze the song with numpy for tempo, beat grid, energy per bar, and the drop; calibrate the grid to real kick hits; every cut on a downbeat, every UI hit on a beat. Render with Playwright at t-1/240, t, and t+1/240 per frame, then blend with ffmpeg tmix for 60fps motion blur. Place each sound effect so its measured peak lands on the event, keep effects quiet under the music, and loudnorm to -14 LUFS. Probe 20 or more frames before the full render and fix clutter, overlap, or hard-to-read text. Never set opacity or filter on a preserve-3d element; fade its wrapper instead. Measure element positions at runtime for match cuts.