Pag-setup: Promo sa tigmugna og ad sa UGC

Pangutan-a ko bahin sa: ngalan sa produkto ug usa ka linya nga saad, 3 hangtod 5 ka UI moments nga ipakita, usa ka kolor sa accent, 10 hangtod 20 ka tinuod nga vertical clips nga akong gipanag-iya, ug usa ka royalty-free nga kanta nga adunay clear drop (pananglitan Mixkit, libre para sa komersyal nga paggamit).

Minimal nga klase. Usa ka ideya kada kuha, daghang bakanteng espasyo, usa ka accent color, usa ka limpyo nga sans (Geist o Inter) nga adunay hugot nga tracking. Masked type reveals, match cuts, usa ka hapsay nga camera language. Tinuod nga footage lang, walay placeholder cards. Walay tuldok sa on-screen text.
Gidili: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 ka bar sa 120 BPM, 2 segundos matag usa.
Bar 1: ang kaw-it motugpa pulong por pulong sa mga kumpas.
Bar 2: usa ka hook word ang mausab ngadto sa UI sa produkto. Usa ka cursor ang mo-type ug mo-click.
Ang pagkahulog: usa ka lingin ang moabli gikan sa butones ngadto sa usa ka ngitngit nga talan-awon.
Dayon usa ka lihok kada bar: usa ka bungbong sa tinuod nga mga clip nga adunay scan line ug 3 ka winner, ang key output isip dako nga tipo, usa ka 3D carousel sa tinuod nga mga video nga adunay mga reflection sa salog ug usa ka motion-blurred whip sa usa ka hero clip, ang hero sa usa ka telepono tupad sa usa ka panel nga nag-flip ngadto sa mga resulta, dagkong mga stats sa push cuts, usa ka 3-word ticker, usa ka logo reveal, usa ka fade to black.

1. Usa ka HTML file sa 1920x1080. Ang matag estilo gikompyut gikan sa oras sa sulod
http://
window.seek(t): walay CSS animations, walay timers, walay state taliwala sa mga frames.
2. Tinuod nga video: pagkuha og mga clip ngadto sa 30fps JPEG sequences gamit ang ffmpeg ug ilisi ang mga tinubdan sa img kada frame. Ang seek naghulat nga ang imahe ma-decode.
3. Analisaha ang kanta gamit ang numpy: tempo, beat grid, energy per bar, ug ang drop. I-calibrate ang grid sa tinuod nga kick hits. Ang matag cut naa sa downbeat, ang matag UI hit naa sa usa ka beat.
4. I-render gamit Playwright: 3 ka subframe kada frame sa t minus, at, ug plus 1/240s, dayon i-blend gamit ang ffmpeg tmix para sa tinuod nga motion blur sa 60fps.
5. Ibutang ang matag sound effect aron ang nasukod nga peak niini, dili ang file start niini, mo-landing sa event. Ipahilom ang mga effects ubos sa musika. I-loudnorm ngadto sa -14 LUFS.
6. Susiha ang 20 o labaw pa nga mga frame sa dili pa ang tibuok nga render. Ayuha ang bisan unsang nagkagubot, nagsapaw-sapaw o lisod basahon.

Ayaw gyud pagbutang og opacity o filter sa usa ka preserve-3d element, kay kini mopatag ug ang duha ka nawong makita. I-fade hinuon ang wrapper niini. Sukda ang posisyon sa element sa runtime para sa match cuts. Gamita lang ang musika ug sound effects nga ang lisensya motugot sa komersyal nga paggamit.

Pangayoa ang mga input, unya ipakita nako ang storyboard nga adunay matag timing sa beat grid sa dili pa ka magsulat og bisan unsang code.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

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.

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. 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.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Gikuha ang prompt gikan sa poste @twoclipping.