Hoʻolaha hoʻopuka hoʻolaha UGC

E nīnau mai iaʻu no: ka inoa huahana a me kahi ʻōlelo hoʻohiki hoʻokahi laina, 3 a 5 mau manawa UI e hōʻike ai, hoʻokahi kala leo hoʻokū, 10 a 20 mau ʻāpana kū pololei maoli aʻu e nona nei, a me kahi mele manuahi me kahi hāʻule maopopo (e laʻa me Mixkit, manuahi no ka hoʻohana pāʻoihana).

Kiʻekiʻe ka palena iki. Hoʻokahi manaʻo no kēlā me kēia pana, nui nā hakahaka, hoʻokahi kala hoʻonaninani, hoʻokahi sans maʻemaʻe (Geist a i ʻole Inter) me ke kāʻei paʻa. Hōʻike ʻia ke ʻano i uhi ʻia, nā ʻoki kūlike, hoʻokahi ʻōlelo kāmela maʻalahi. Nā kiʻi maoli wale nō, ʻaʻole loa nā kāleka placeholder. ʻAʻohe kiko piha i nā kikokikona ma ka pale.
Ua pāpā ʻia: nā apo haʻalulu, nā pahū ʻāpana, ka māhele RGB, ka haʻalulu kāmela, nā lapalapa lens, nā ʻālohilohi neon, nā papahele grid, nā ʻōlinolino hope, ka hoʻomaha ʻana o ka bouncy.

10 mau pā ma 120 BPM, 2 kekona kēlā me kēia.
Pā 1: pae ka makau huaʻōlelo ma ka huaʻōlelo ma nā kuʻi.
Pā 2: hoʻololi kekahi huaʻōlelo hoʻopā i ka UI huahana. Hoʻopili kahi ʻōkuhi a kaomi.
Ka hāʻule ʻana: wehe ʻia kahi pōʻai mai loko mai o ke pihi i loko o kahi hiʻohiʻona pouli.
A laila hoʻokahi neʻe no kēlā me kēia pā: kahi pā o nā wikiō maoli me kahi laina scan a me 3 mau mea lanakila, ka hopena kī ma ke ʻano he ʻano nui, kahi carousel 3D o nā wikiō maoli me nā noʻonoʻo papahele a me kahi hahau neʻe-blurred ma luna o hoʻokahi wikiō koa, ke koa ma ke kelepona ma ka ʻaoʻao o kahi panela e hoʻohuli i nā hopena, nā stats nui ma nā ʻoki push, kahi ticker 3-huaʻōlelo, kahi hōʻike logo, kahi mae i ka ʻeleʻele.

1. Hoʻokahi faila HTML ma 1920x1080. Hoʻomaulia ʻia kēlā me kēia kaila mai ka manawa i loko
http://
window.seek(t): ʻaʻohe kiʻi CSS, ʻaʻohe timers, ʻaʻohe kūlana ma waena o nā mōlina.
2. Wikiō maoli: e unuhi i nā ʻāpana wikiō i nā moʻo JPEG 30fps me ffmpeg a hoʻololi i nā kumu kiʻi no kēlā me kēia mōlina. ke kali nei ka ʻimi i ka wehewehe ʻana o ke kiʻi.
3. E kālailai i ke mele me ka numpy: tempo, beat grid, ikehu no kēlā me kēia pā, ka hāʻule ʻana. E hoʻoponopono i ka grid i nā kī kī maoli. Noho kēlā me kēia ʻoki ma kahi downbeat, kēlā me kēia UI hit ma kahi beat.
4. E hāʻawi me Playwright: 3 mau subframe no kēlā me kēia frame ma t minus, ma, a me 1/240s, a laila e hoʻohui me ffmpeg tmix no ka neʻe blur maoli ma 60fps.
5. E kau i kēlā me kēia hopena leo i hiki ai i kona piko i ana ʻia, ʻaʻole kona hoʻomaka faila, ke pae ma ka hanana. E mālama mālie i nā hopena ma lalo o ke mele. Loudnorm a i -14 LUFS.
6. E nānā i 20 a ʻoi aku paha mau kiʻi ma mua o ka hōʻike piha ʻana. E hoʻoponopono i nā mea i huikau, i hoʻopili ʻia a paʻakikī paha e heluhelu.

Mai hoʻonohonoho i ka opacity a i ʻole ke kānana ma kahi mea mālama-3d, no ka mea, e pālahalaha ana a ʻike ʻia nā ʻaoʻao ʻelua. E mae wale i kona ʻōwili. E ana i nā kūlana o ka mea i ka manawa holo no nā ʻoki hoʻokūkū. E hoʻohana wale i ke mele a me nā hopena leo nona ka laikini e ʻae ai i ka hoʻohana pāʻoihana.

E noi mai iaʻu no nā mea i hoʻokomo ʻia, a laila e hōʻike mai iaʻu i kahi papa moʻolelo me kēlā me kēia manawa ma ka grid beat ma mua o kou kākau ʻana i kekahi 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.

Ua lawe ʻia ka ʻōlelo aʻoaʻo mai pou @twoclipping.