Um prompt para o Claude Opus 5.5 criar um filme de design de movimento de 15 segundos, demonstrando um sistema que começa com um ponto laranja, cobrindo tipografia, molas (springs), formas e tipografia cinética.
<inputs>
Peça-me: um rótulo curto para a alternância inicial, uma palavra-chave principal, uma porcentagem para o gráfico, o texto do cartão final, uma cor de destaque e uma faixa com batida clara.
</inputs>
<direction>
Um filme de design de movimento 2D em proporção 16:9. Use uma tela branco-quente suave, fundos quase pretos, tipografia em negrito e um único laranja vibrante como cor de destaque. O ponto laranja conecta todas as cenas: ele começa na interface, torna-se o ponto sobre uma letra, traça um gráfico de mola, cresce até virar uma forma e retorna no cartão final. Um cursor faz o clique inicial parecer real. Mantenha o movimento nítido e controlado, com pequenos overshoots de mola e sem tempo morto.
Proibido: filmagens de banco de imagens, gradientes, brilhos, explosões de partículas, transições aleatórias e movimentos não conectados a elementos já presentes na tela.
</direction>
<structure>
Cerca de 15 segundos, com uma mudança visual em cada batida principal.
Abertura: um cursor clica na alternância laranja ao lado de "Reduce Motion". As letras se curvam e se movem até que apenas "Motion" reste, com o ponto laranja acima do "i".
Mola: o ponto salta da palavra e aterrissa em um gráfico. Seu caminho desenha uma resposta de mola, ultrapassa o alvo e assenta ao lado de uma anotação "+22%".
Forma: o ponto atravessa uma linha, cresce até virar um círculo laranja e preenche a tela. Um quadrado arredondado preto gira dentro dele, depois se estica até virar uma pílula. A cena contrai para um único ponto laranja sobre fundo preto.
Tipografia: palavras como "SPRINGS", "EASING", "KINETIC TYPE", "3D" e "SOUND" orbitam o ponto. O círculo de tipografia se abre em um campo de pontos minúsculos.
Revelação: o campo de meio-tom expande e vira para preto, revelando o cartão final: "Opus 5.5", "Motion designer." e "0 keyframes".
Retorno: o ponto laranja volta através do meio-tom, do gráfico e da alternância. Combine o quadro final com o primeiro para que o vídeo faça loop perfeitamente.
</structure>
<build>
1. Um arquivo HTML, 1920x1080 a 60fps. Calcule todos os visuais a partir do tempo dentro de seek(t): sem transições CSS, temporizadores ou estado carregado entre quadros.
2. Use molas de forma fechada (closed-form springs) para a alternância, o ponto saltitante e o gráfico. Desenhe o gráfico a partir da mesma função de mola que move o ponto.
3. Anime as letras individualmente para a transformação de "Reduce Motion" para "Motion". Mantenha o ponto laranja preso ao "i" até que ele comece seu salto.
4. Faça o círculo laranja, o quadrado rotativo e a pílula serem diferentes estados da mesma forma. Preserve sua posição e movimento através de cada transformação.
5. Posicione as palavras orbitantes ao longo de um caminho circular, então mova suas letras para fora para passar o quadro para a grade de meio-tom.
6. Desenhe o meio-tom como uma grade de pontos cujos tamanhos respondem ao ponto laranja. Deixe-o crescer além das bordas da tela antes de revelar o cartão final.
7. Sincronize o clique, a aterrissagem do ponto, o pico do gráfico, as mudanças de forma e o título final às batidas medidas.
