Claude para Motion Graphics: Padrões de Prompt que Produzem Visuais HTML Animados que Você Pode Capturar como Vídeo

Um usuário do Reddit no r/ClaudeAI vem usando o Claude para gerar gráficos animados diretamente — não prompts para outras ferramentas, mas fazendo o Claude construir os visuais como widgets HTML, e então capturando-os como MP4 com Playwright + ffmpeg. Ele compartilha um padrão de prompt que funciona consistentemente: descreva uma história com um ponto de ruptura.

O que funciona

O segredo é deixar o usuário quebrar algo. Exemplos que produziram bons resultados:

• Mostre cinco copos enchendo de risco. O último transborda e quebra.
• Mostre um elástico esticando a cada clique até arrebentar.

O usuário relata que dizer ao Claude para deixar o usuário quebrar algo é o que torna o resultado realmente interessante.

O que eles estão procurando

O usuário está especificamente pedindo à comunidade prompts que produzam:

• Gráficos animados ou visualizações de dados que realmente se movam
• Explicadores interativos onde o usuário controla algo
• Qualquer coisa capturada com sucesso como vídeo a partir da saída do Claude
• Estruturas de prompt que consistentemente produzam bons visuais na primeira tentativa, não na quinta

Nenhum prompt adicional específico da comunidade foi incluído na postagem original — o tópico ainda está coletando respostas.

Conclusão prática

Se você está construindo widgets HTML animados com o Claude para captura posterior como vídeo, estruture seu prompt em torno de uma narrativa com um arco de tensão e liberação. O ponto de ruptura desencadeia uma mudança visual (transbordamento, estalo, quebra) que torna a animação convincente. Combine com Playwright para captura de tela/gravação e ffmpeg para codificação em MP4.