<aside> <img src="/icons/arrow-right-basic_lightgray.svg" alt="/icons/arrow-right-basic_lightgray.svg" width="40px" />

Le process complet, de l'installation jusqu'au MP4 frame-perfect.

Le prompt, c'est 10 %. Le harness, c'est 90 %.

</aside>


Process classique de A à Z

https://supercut.ai/share/chapelon/xnq01yJrieLv43Y7rsdkY3

Le contexte

<aside> <img src="𝕏" alt="𝕏" width="40px" />

Stephan Livera — @stephanlivera · 24 sept.

« make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. »

→ Voir le post sur X

</aside>


La règle que tout le monde rate

<aside> <img src="/icons/arrow-right-basic_gray.svg" alt="/icons/arrow-right-basic_gray.svg" width="40px" />

Opus 5.5 ne sort pas une vidéo. Il sort du texte.

Concrètement : un fichier HTML qui sait dessiner n'importe quelle frame à partir du temps.

</aside>

Une seule fonction : window.seek(t)

Comment ça devient une vidéo : Playwright ouvre Chromium → appelle seek(0) → screenshot → seek(1/60) → screenshot… → FFmpeg assemble le tout.

<aside> <img src="/icons/no_red.svg" alt="/icons/no_red.svg" width="40px" />

Tu dépends de…

setTimeout, transitions CSS, Date.now()

→ l'export tremble.

</aside>

<aside> <img src="/icons/battery_green.svg" alt="/icons/battery_green.svg" width="40px" />

Tout est fonction pure de t

Même entrée = mêmes frames, à chaque run.

→ le film est déterministe.

</aside>

C'est toute la différence entre un screen record et un motion de studio.