Configurando: Gerador de anúncios UGC promocional

Solicite: o nome do produto e uma promessa concisa, de 3 a 5 exemplos de interface do usuário para mostrar, uma cor de destaque, de 10 a 20 clipes verticais reais que eu possua e uma música livre de direitos autorais com uma transição clara (por exemplo, Mixkit, gratuita para uso comercial).

Minimalismo de alta qualidade. Uma ideia por plano, muito espaço vazio, uma cor de destaque, uma fonte sans serif limpa (Geist ou Inter) com espaçamento preciso. Revelações de texto mascaradas, cortes de continuidade, uma linguagem de câmera fluida. Somente imagens reais, nunca cartões de preenchimento. Sem pontos finais no texto em tela.
Proibido: anéis de onda de choque, explosões de partículas, divisão RGB, trepidação da câmera, reflexos de lente, brilho neon, pisos quadriculados, fundos piscantes, suavização elástica.

10 compassos a 120 BPM, com duração de 2 segundos cada.
Compasso 1: o refrão se encaixa palavra por palavra nas batidas.
Barra 2: uma palavra-chave se transforma na interface do usuário do produto. Um cursor digita e clica.
A queda: um círculo se abre a partir do botão, revelando uma cena escura.
Em seguida, um movimento por barra: uma parede de clipes reais com uma linha de varredura e 3 vencedores, a saída principal em letras grandes, um carrossel 3D de vídeos reais com reflexos no chão e uma transição com desfoque de movimento para um clipe principal, o protagonista em um telefone ao lado de um painel que exibe os resultados, grandes estatísticas em cortes abruptos, um ticker de 3 palavras, a revelação de um logotipo e um fade para preto.

1. Um arquivo HTML com resolução de 1920x1080. Cada estilo é calculado a partir do tempo interno.
http://
window.seek(t): sem animações CSS, sem temporizadores, sem estado entre frames.
2. Vídeo real: extrai os clipes para sequências JPEG de 30 fps com ffmpeg e troca as fontes de imagem a cada quadro. A função de busca aguarda a decodificação da imagem.
3. Analise a música com numpy: tempo, grade rítmica, energia por compasso, a quebra. Calibre a grade com base nas batidas reais do bumbo. Cada corte corresponde a um tempo forte, cada interação com a interface do usuário corresponde a uma batida.
4. Renderize com Playwright: 3 subquadros por quadro em t menos, em e mais 1/240s, depois misture com ffmpeg tmix para desfoque de movimento real a 60fps.
5. Posicione cada efeito sonoro de forma que seu pico medido, e não o início do arquivo, coincida com o evento. Mantenha os efeitos baixos em relação à música. Ajuste o Loudnorm para -14 LUFS.
6. Analise 20 ou mais quadros antes da renderização completa. Corrija qualquer elemento que esteja confuso, sobreposto ou difícil de ler.

Nunca defina opacidade ou filtro em um elemento com a propriedade `preserve-3d`, pois isso o achata e ambas as faces ficam visíveis. Em vez disso, aplique um efeito de fade no elemento que o envolve. Meça as posições dos elementos em tempo real para cortes precisos. Use apenas músicas e efeitos sonoros cuja licença permita uso comercial.

Peça-me as informações necessárias e, em seguida, mostre-me um storyboard com todos os tempos na grade rítmica antes de escrever qualquer código.

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.

Prompt retirado de publicar @twoclipping.