Générateur de publicités UGC promotionnel

Demandez-moi : le nom du produit et une promesse en une ligne, 3 à 5 moments d’interface utilisateur à montrer, une couleur d’accent, 10 à 20 clips verticaux réels que je possède et une musique libre de droits avec un drop clair (par exemple Mixkit, gratuit pour un usage commercial).

Minimaliste haut de gamme. Une idée par plan, beaucoup d'espace vide, une couleur d'accent, une police sans empattement épurée (Geist ou Inter) avec un suivi précis. Apparitions de texte masquées, raccords parfaits, un style de caméra fluide. Uniquement des images réelles, jamais de cartons de substitution. Pas de points dans le texte à l'écran.
Interdits : anneaux d’ondes de choc, explosions de particules, séparation RGB, tremblements de caméra, reflets d’objectif, lueurs néon, sols quadrillés, arrière-plans clignotants, effets de rebond.

10 mesures à 120 BPM, 2 secondes chacune.
Mesure 1: le refrain s'enchaîne mot à mot sur le rythme.
Barre 2 : un mot-clé se transforme en interface utilisateur du produit. Un curseur saisit du texte et clique.
La chute: un cercle s'ouvre à partir du bouton sur une scène sombre.
Puis une séquence par barre : un mur de clips réels avec une ligne de balayage et 3 gagnants, la sortie principale en gros caractères, un carrousel 3D de vidéos réelles avec des reflets au sol et un effet de flou de mouvement sur un clip principal, le héros dans un téléphone à côté d’un panneau qui bascule sur les résultats, des statistiques détaillées sur les séquences push, un bandeau défilant de 3 mots, l’apparition d’un logo, un fondu au noir.

1. Un fichier HTML de résolution 1920x1080. Chaque style est calculé à partir de l'heure interne.
http://
window.seek(t): aucune animation CSS, aucun minuteur, aucun état entre les images.
2. Vidéo réelle : extraire les clips en séquences JPEG de 30 images/s avec ffmpeg et inverser les sources d’images à chaque image. La recherche attend le décodage de l’image.
3. Analysez le morceau avec NumPy : tempo, grille rythmique, énergie par mesure, drop. Calibrez la grille sur les véritables coups de grosse caisse. Chaque coupure doit être placée sur un temps fort, chaque interaction sur un temps.
4. Rendu avec Playwright: 3 sous-images par image à t moins, à et plus 1/240 s, puis mélange avec ffmpeg tmix pour un véritable flou de mouvement à 60 images par seconde.
5. Positionnez chaque effet sonore de façon à ce que son pic de mesure, et non le début du fichier, coïncide avec l'événement. Veillez à ce que les effets restent discrets par rapport à la musique. Réglez le niveau sonore à -14 LUFS.
6. Examinez au moins 20 images avant le rendu complet. Corrigez les éléments surchargés, superposés ou difficiles à lire.

Ne jamais appliquer d'opacité ni de filtre à un élément 3D préservé, car il s'aplatit et ses deux faces apparaissent. Estompez plutôt son conteneur. Mesurez la position des éléments en temps réel pour les raccords. Utilisez uniquement de la musique et des effets sonores dont la licence autorise un usage commercial.

Demandez-moi les données d'entrée, puis montrez-moi un storyboard avec chaque timing sur la grille rythmique avant d'écrire le moindre 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.

Extrait de poste @twoclipping.