Prompts para criar motion graphics com o Claude: 33 prompts para copiar

Faça um vídeo de motion graphics dinâmico de 15 segundos que mostre o motion designer incrível que você é, como se fosse o seu showreel para um currículo. Vá com tudo.

Use as cores da minha marca: [CORES EM HEX]
Formato: [16:9 | 9:16 | 1080x1350]

Você é um motion designer de nível mundial e este é o seu reel de currículo de 15 segundos. Faça algo dinâmico e confiante: abra com um gancho marcante no primeiro segundo, construa uma sequência de técnicas distintas (tipografia, jogo de formas, movimentos de câmera, mudanças de cor) e termine num quadro final limpo e memorável. O ritmo deve parecer cortado na música. Pode enlouquecer.

Nome ou marca: [SEU NOME OU MARCA]
Cores: [CORES EM HEX]

Faça um vídeo de motion graphics dinâmico de 30 segundos que mostre o motion designer incrível que você é, como um showreel de currículo. Vá com tudo. Apresente o produto [PRODUTO] usando screenshots, logo e assets reais dele: [PASTA DOS ASSETS]. Tem que ter música, e o movimento tem que acompanhar a música. Faça como uma produção profissional de verdade, não como demo ou protótipo. Coloque mais animação e motion design: não use os screenshots crus, quebre cada um em componentes e ícones para que eles também possam ser animados. Deixe os movimentos mais suculentos. Use as melhores técnicas de motion design que você conhecer.

Use a skill motion-showreel para fazer um showreel de 15 segundos para [MARCA]. Estude o meu reel de referência em [CAMINHO DO ARQUIVO], se eu passar um. Escolha um motivo visual que se transforme ao longo de todos os capítulos, corte no grid de batidas da música e termine no logo. Me mostre o storyboard e a beat sheet antes de construir, e confirme comigo antes de usar qualquer música ou asset pago.

Faça uma revelação de logo de 8 segundos para [MARCA], [O QUE A MARCA FAZ, EM UMA FRASE]. O logo é só o wordmark "[WORDMARK]". Impactante e premium, com uma batida satisfatória quando o logo pousa. Termine no logo com "[SITE OU @]" embaixo.

Crie uma composição de revelação de logo de 5 segundos em [Remotion | HyperFrames]. 1920x1080 a 30fps. A animação deve:
- Começar com 200 partículas espalhadas aleatoriamente pela tela
- Fazer as partículas convergirem para o centro nos primeiros 60 frames, com física de mola (spring)
- Revelar um logo SVG centralizado quando as partículas chegam ao destino (por volta dos frames 60 a 75)
- Segurar o logo por 30 frames e fazer fade out nos 15 frames finais
- Fundo escuro ([COR DE FUNDO, ex. #0a0a0a]) com partículas e logo em [COR DO LOGO]
- O path SVG do logo é: [COLE AQUI O PATH SVG]
Se for Remotion: use useCurrentFrame, spring e interpolate em tudo e exporte a composição como LogoReveal.

Tipografia cinética para a frase de [AUTOR]: "[FRASE]". Cerca de 12 segundos, vertical para Reels. Cada palavra deve se mover no beat.

Leia o MOTION.md primeiro. Construa o effect.html do zero: a palavra [PALAVRA GRANDE] só em contorno fino. Uma arte sobe por dentro das letras de baixo para cima, com uma linha marcando a borda do preenchimento, e então [SEGUNDA LINHA] sobe por baixo através de uma máscara. Um loop de 8 segundos com window.seek(seconds), terminando onde começa. Tamanho: [TAMANHO]. Embuta as fontes.

Crie uma composição chamada TitleCard em 1920x1080, 30fps, 90 frames. Centralize o título "[TÍTULO]" em 72px bold branco. Abaixo, o subtítulo "[SUBTÍTULO]" em 28px, #888888.
Animação:
- O fundo começa preto sólido
- No frame 0, um gradiente radial se expande do centro, de [COR 1] para [COR 2], completo no frame 30
- As letras do título entram em cascata: cada letra sobe 20px com fade in, com 3 frames de atraso entre elas, começando no frame 20
- O subtítulo faz fade in entre os frames 55 e 70
- Uma linha horizontal fina (1px, #333) desliza da esquerda para a direita entre os frames 45 e 60, entre o título e o subtítulo

/motion-graphics vídeo de 6 segundos, 1920x1080, fundo [COR, ex. azul-marinho escuro]. Batida 1 (0 a 1s): "[RÓTULO]" aparece pequeno, no topo, ao centro. Batida 2 (1 a 4s): um número gigante conta até [NÚMERO] com efeito de rolagem, desacelerando no fim. Batida 3 (4 a 6s): "[VARIAÇÃO]" carimba embaixo em verde. Use o bloco de registry apple-money-count. Sem narração.

Um motion graphic vertical de 15 segundos sobre [TEMA]: [MARCO 1], depois [MARCO 2], [MARCO 3], [MARCO 4], [MARCO 5]. Faça a aceleração parecer dramática.

Transforme este CSV em um bar chart race animado usando /hyperframes: [CAMINHO DO ARQUIVO CSV]

Leia o MOTION.md primeiro. Construa o effect.html do zero: um gráfico de barras com o título [TÍTULO DO GRÁFICO] e estes valores: [RÓTULO: VALOR, seis deles]. As barras afinam e viram uma linha que passa pelos próprios topos, e o último valor ganha uma etiqueta. Nunca altere um valor. Um loop de 8 segundos com window.seek(seconds), terminando onde começa. Tamanho: [TAMANHO]. Marque números de amostra como exemplo.

Leia o MOTION.md primeiro. Construa o effect.html do zero: um dashboard simples com três blocos de KPI. Colchetes se encaixam em volta do bloco [NOME DO KPI], o resto escurece, e o bloco cresce para a frente, a partir do lugar exato onde está, até virar um cartão grande mostrando [NÚMERO REAL], [VARIAÇÃO] e um sparkline. Um loop de 8 segundos com window.seek(seconds), terminando onde começa. Tamanho: [TAMANHO]. Marque números de amostra como exemplo.

Crie uma composição chamada LowerThird, 1920x1080, 30fps, 150 frames. Ela mostra um lower third com duas linhas de texto:
- Linha 1 (nome): "[NOME]" em bold, 36px, branco
- Linha 2 (cargo): "[CARGO]" em peso regular, 24px, #aaaaaa
Animação:
- Uma barra de destaque ([COR], 4px de largura, altura total do bloco de texto) entra pela esquerda a partir do frame 0 e chega à posição final no frame 15, com física de mola
- O nome faz fade in e sobe 10px entre os frames 10 e 25
- O cargo faz fade in e sobe 10px entre os frames 18 e 33
- Tudo fica parado até o frame 120 e então sai no caminho inverso em 20 frames
Posicione o elemento em x: 80px, y: 820px a partir do canto superior esquerdo. Use uma pílula de fundo semitransparente atrás do bloco de texto.

/product-launch-video Faça um vídeo de lançamento de 45 segundos, 1920x1080, para [URL DO PRODUTO]. Enérgico mas minimalista, use a paleta e os screenshots do site. Estrutura: gancho no problema, 3 batidas de funcionalidade com UI e legendas, cartão final com logo e "[CTA]". Narração em TTS com voz [TIPO DE VOZ], tom confiante, música eletrônica sutil abaixo de -18dB.

Crie uma composição chamada FeatureReveal.
- 15 segundos a 30fps (450 frames), 1920x1080.
- Fundo escuro ([COR, ex. #0d1117]).
- Um título "[TÍTULO]" faz fade in nos frames 0 a 30, fica parado e faz fade out nos frames 420 a 450.
- Três linhas de funcionalidade abaixo do título, [FUNCIONALIDADE 1], [FUNCIONALIDADE 2] e [FUNCIONALIDADE 3], cada uma subindo 40px com mola, escalonadas: a linha 1 entra no frame 60, a 2 no 90 e a 3 no 120.
- Registre FeatureReveal no Root.tsx com durationInFrames e fps corretos.

Leia o MOTION.md primeiro. Construa o effect.html do zero: um pequeno botão em pílula escrito [TEXTO DO BOTÃO] cresce até virar um player de vídeo completo com o título [TÍTULO DO VÍDEO], com thumbnail, contador de tempo e barra de progresso. O ícone de play viaja até o centro e vira pause. Um loop de 8 segundos com window.seek(seconds), terminando exatamente onde começa. Tamanho: [TAMANHO]. Embuta as fontes.

Leia o MOTION.md primeiro. Construa o effect.html do zero: uma pílula de busca se abre, digita "[TERMO DE BUSCA]" letra por letra, e então três resultados sobem um depois do outro: [RESULTADO 1 + UMA MÉTRICA], [RESULTADO 2 + UMA MÉTRICA], [RESULTADO 3 + UMA MÉTRICA]. Um loop de 8 segundos com window.seek(seconds), terminando onde começa. Tamanho: [TAMANHO]. Marque números de amostra como exemplo.

Me peça: o produto para o qual é a landing page, o prompt que o usuário digita, uma foto hero para a página, uma foto de fundo atrás da caixa de prompt e o nome do meu modelo para o rótulo. Se eu pular algum, use estes padrões: [PADRÕES].
Um reveal de prompt para site de 7,5 segundos, 1920x1080 a 30fps, num único plano contínuo: um prompt é digitado, o botão de enviar é pressionado e a própria caixa vira a landing page pronta. Caixa de prompt branca com sombra suave, botão de enviar preto. Os caracteres recém-digitados assentam em cinza-escuro em cerca de 13 frames. Página: hero de ponta a ponta com o assunto recortado à direita, UI branca: logo no topo à esquerda, links de navegação, título em bold, parágrafo, CTA em pílula branca, linhas de funcionalidade discretas.
Construa como um único arquivo HTML renderizado frame a frame com Playwright, com tabelas de keyframes para cada valor animado (sem transições CSS, sem timers, sem random), máscaras SVG para os recortes e gradientes em camadas para os estados de pressionar e revelar. Adicione música com uma varredura de low-pass durante o clique, ticks de teclado e whooshes sintetizados, master em -14 LUFS. Renderize a 30fps em h264 e junte o áudio. Me peça os inputs primeiro e mostre 4 quadros estáticos antes de renderizar o vídeo completo.

Você é o melhor motion designer do mundo, aja como tal. Faça o vídeo de produto de [PRODUTO] parecer caro, estilo Apple: intenção em cada escolha (fonte, fundo, música, paleta), as mesmas regras visuais em todas as cenas, um plano por ideia, espaço para respirar, objetos principais centralizados e fundo que nunca compete com eles. Anime com keyframes suavizados e sobrepostos, nada de movimento linear, e use transições dinâmicas entre as cenas em vez de cortes secos, a não ser que o corte sirva à mensagem. Varie o ritmo ao longo do vídeo. Escolha a música pela sensação: 60 a 80 BPM para um tom cinematográfico, 90 a 110 para algo suave, 115 a 123 para energia. Sound design mínimo: tire qualquer efeito alto ou desnecessário.

Material: assets da marca em [PASTA], screenshots do produto em [PASTA], vídeo de referência em [ARQUIVO OU LINK]. Ideia geral: [IDEIA EM 2 FRASES].

Passos:
1. Estude a referência e dê nome às batidas de estilo que vai seguir.
2. Escreva cada cena como código (HyperFrames ou Remotion) e renderize direto em vídeo.
3. Use componentes de UI reais, nunca botões e cards desenhados no olho.
4. Me proponha 3 storyboards diferentes.
5. Depois que eu escolher, gere um quadro estático por cena antes de animar.
6. Aceite direção como num set de filmagem ("desacelere este zoom para 0,7x", "corte seco aqui", "aproxime no botão").

Use a skill short-form-edit para transformar a minha gravação em [CAMINHO DO ARQUIVO] num reel 9:16. Construa um gancho e um fechamento verdadeiros, preserve o que eu quis dizer, corte os erros e adicione legendas precisas, imagens em movimento com propósito e sound design. Prepare um rascunho para eu revisar. Use as imagens que eu já tenho antes de propor assets gerados.

Use a skill de boas práticas do Remotion. Coloquei meu vídeo de talking head em public/avatar.mp4. Crie uma composição que toca esse vídeo em tela cheia como camada de fundo e sobrepõe gráficos animados por cima.
- Transcreva o áudio com Whisper e sincronize cada gráfico com a fala.
- Os gráficos ficam nos 35% de cima do quadro, sem cobrir o meu rosto.
- Quando eu falar [TERMO 1], [TERMO 2] e [TERMO 3], mostre um selo com o termo e um ícone.
- Uma barra de progresso fina no topo durante o vídeo todo.
- Legenda palavra por palavra na faixa de baixo, com a palavra falada em [COR DE DESTAQUE].
Formato: 1080x1920, 30fps.

Use a skill de boas práticas do Remotion. Crie um vídeo explicativo educativo (1080x1920, 30fps, 30 segundos) que ensina "[TEMA]".
- Respeite a área segura do Reels: nada importante nos 15% de cima nem nos 20% de baixo.
- Pesquise o tema antes e escreva um roteiro de 5 cenas: gancho, problema, como funciona, exemplo, fechamento.
- Fundo #0a0a0a, uma cor de destaque [COR], animações com spring e transições entre cenas com TransitionSeries.
- Abra o preview no Remotion Studio antes de renderizar.

Um loop de motion graphics 3D de 10 segundos, sem emenda: formas geométricas abstratas que se transformam e orbitam em profundidade, hipnótico, com o último quadro voltando para o primeiro. Para fundo de [LIVE | STORIES] e para o meu grid do Instagram. Cores: [CORES EM HEX].

O [ARQUIVO, ex. index.html] está quase lá. Corrija só uma coisa: [O QUE ESTÁ ERRADO, ex. o título passa da caixa aos 3 segundos]. Mantenha o movimento, o tempo e o loop exatamente como estão. Me diga o que você mudou.

Desacelere a segunda cena.
Troque o texto pelo meu: [SEU TEXTO].
Use as cores da minha marca: [CORES EM HEX].
Faça em 1080 x 1350 para o Instagram.

Use a skill apple-design para auditar esta animação. Me dê uma lista ranqueada de tudo que parece errado, do pior para o menos grave.

<role> you design and build motion videos entirely in code, with gsap for the animation and three.js for any 3d. every decision is judged against the best work in the references, and the video isn't finished until it holds up next to them. </role>

<brief>
- what the video is for: [product, service or business]
- who's watching: [who the viewer is and what they care about]
- what they should do at the end: [call to action]
- length and sizes: [e.g. 30 seconds, 16:9 and 9:16]
- brand: [name, logo files, colours, fonts]
- facts file: [path]. this is the only source for any number, name or claim that appears on screen
- assets: [footage, photos, screenshots, product files]
- style references: [links or a folder of videos whose motion i like]
i'm away and won't answer questions. make the calls yourself and keep going until the video passes every check below.
</brief>

<kit> before anything else, clone and read https://github.com/echris6/motion-video-kit. read SKILL.md first, then every reference file it points to at the step where it says to read it. its rules, critic prompts, quality bar, 3d patterns, audio tools and scripts override your defaults. </kit>

<setup>
- build every scene as an html page animated on a single gsap timeline, with three.js for any 3d, all as pinned local files
- render the timeline to video frame by frame using the renderer in the kit
- use ffmpeg for frames, contact sheets and audio measurement
- keep every api key in environment variables. never write a key into any file
- render a 5 second test first and confirm it works before building the real video
</setup>

<study_the_references>
if i gave you references, study them before planning anything.
- run a fast numeric pass over every frame: how much changed from the last frame, brightness and edge detail, to find every cut and every fast moment
- make one overview contact sheet per video, and a dense sheet of one second at 16 to 20 frames a second around every transition
- write a note per video: the key moment, how it works, and how it could be used in this video
- pull out the motion rules and named techniques that hold across the best ones
- references are for study only. never copy their footage, logos, layouts or music
if i gave you no references, use the motion notes in the kit.
</study_the_references>

<motion_principles>
1. the thing in the front of the shot becomes the transition. a title, logo or object moves towards the camera while the next scene is already waiting underneath
2. one object carries the story across shots and keeps its identity, so it reads as one continuous piece
3. one main movement leads, with smaller ones layered under it, all overlapping. the frame never stops and starts all at once
4. the speed always changes. things land slowly enough to read, leave fast, and the next thing slows as it arrives. no linear motion
5. cuts are allowed only when size, direction and subject match on both sides
6. every action produces a visible result. a scan makes findings, a tap makes a new state, a request makes a confirmation
7. type is motion too. big words enter from opposite sides, reveal the next scene, and never sit over busy picture without something behind them to stay readable
8. vary the scale from close, to wide, to overhead, to full-frame type. never repeat the same layout, like a heading over three cards
</motion_principles>

<storyboard>
write a brief and a storyboard before any animation.
- one table: time, what's on screen, what this moment is for, how it leaves, and which object carries into the next shot
- around 12 to 15 compositions per 30 seconds, each lasting about 1.4 to 3.5 seconds
- the main subject fills most of the frame. no small cards floating in empty space
- frame one is a finished picture, never a word halfway through flying in
- name three signature moments you can describe without using effect names
- the video must make sense with the sound off
- send the storyboard to a fresh critic and fix what it finds before building
</storyboard>

<build>
- every animated value is a function of timeline time only. no timers, no real-time animation, no unseeded randomness. any frame must render the same every time
- write the shared pieces first: colours, fonts, shared 3d models and the exact pixel position of every handoff between scenes
- build each scene as its own component with its own test page, rendered to stills and a short clip, and send it to a critic before it joins the film
- carried objects land on exactly the same pixels on both sides of a cut
- run several builders in parallel on separate sections once the shared pieces exist
- don't stop to ask for approval between steps
</build>

<3d>
- only use 3d where it explains something physical or spatial, like layers, parts, placement or scale
- light it like a product shoot, with a soft key light from one side and a rim light behind
- keep the camera between about 35 and 55 degrees. never look straight down on a large surface, and never end tight on a flat one
- style buildings like a premium architectural model with real materials and a base
- no floating parts, no gaps where parts meet, no flat black glass, no repeating textures
- labels are html positioned from the 3d scene every frame, never text inside the 3d
- measure the rendered background pixel and adjust until it matches the brand colour
- anything that moves like a real product is measured from real footage frame by frame, and those measurements are the curve
</3d>

<images_and_footage>
- prefer building shots in code. use generated images or clips only for supporting shots, and label anything generated as a concept
- upscale and smooth any generated clip to match the rest, and regenerate anything that warps
- never generate a fake finished job, fake customer, fake review or fake result
</images_and_footage>

<audio>
- match the music's energy to the picture and the viewer, and keep it low
- prefer clean library music and sound effects over generated ones. never name a brand in a music prompt
- one short, soft whoosh per real scene change, and small clicks or pops only on real on-screen actions
- screen effects for boom, hiss and length before using them, and set each one just above the music in its own frequency range, with a cap so nothing gets harsh
- cut every scene change on a beat
- always export a music-only version
</audio>

<critic_loop>
the builder never judges its own work.
- after the storyboard, each component and each full render, send the render, the brief and the references to a fresh critic that has seen none of the building
- never tell a critic what you think you fixed or what you believe about the references. it pulls its own frames and measures for itself
- the critic makes a contact sheet every 0.2 seconds plus dense frames around every transition, measures frozen time and loudness, and returns a ranked list of problems with timestamps, ending with ship or one more pass
- fix the biggest problem first, render, then send to a new critic that checks every previous item as fixed, partly fixed or still there, and hunts for anything new that broke
- keep a ledger of every round: what was found, what changed, and the numbers before and after
</critic_loop>

<quality_bar>
the video isn't done until all of these pass, measured:
- no more than about 1 second of frozen screen per 30 seconds, and no still stretch longer than about half a second
- frame one is a finished composition
- all text meets at least 4.5:1 contrast, and nothing collides with or flies through other text
- brand colours in 3d renders match the brand values
- loudness is steady and comfortable for web, with no clipping, and effects never louder than the music
- a first-time viewer understands it with the sound off
- a critic would put it next to the references without it looking weaker. a video with no bugs is not the same as a good video
</quality_bar>

Crie com /hyperframes uma composição 1080x1350 (4:5), 30fps, [DURAÇÃO] segundos, para slide de carrossel do Instagram. Fundo em gradiente de [COR ESCURA] para [COR MÉDIA].
No topo, um selo em pílula "[PROMPT 0X]" e um título em caixa alta e bold, com a segunda metade em [COR DE DESTAQUE]: "[TÍTULO]".
No meio, um card 16:9 com cantos arredondados tocando o vídeo [CAMINHO DO MP4] em loop.
Embaixo, uma caixa que imita o campo de mensagem do Claude (fundo grafite, cantos arredondados, botão de enviar laranja) com este texto: "[TEXTO DO PROMPT]".
O primeiro quadro tem que estar completo e legível parado, porque é ele que aparece antes de o vídeo carregar.

Crie com /hyperframes uma abertura de 10 segundos, 1920x1080, para a aula ao vivo "[TÍTULO DA AULA]". Fundo [COR], tipografia bold.
Cenas: contagem 3, 2, 1 em números gigantes que se desmancham → o título entra palavra por palavra → nome e cargo de quem apresenta, [NOME] · [CARGO], em lower third → data e horário, [DATA · HORA], carimbam embaixo.
Termine num quadro limpo que possa ficar parado na tela por vários minutos.

Crie em HTML (1080x1920, GSAP) um motion de 15 segundos no formato antes e depois sobre [PROCESSO].
Cena 1, o jeito antigo: [COMO ERA], em tons de cinza, movimento lento e travado.
Cena 2, a virada: uma linha corta a tela na diagonal e a cor entra.
Cena 3, o jeito novo: [COMO FICOU], com [MÉTRICA ANTES] virando [MÉTRICA DEPOIS] em contagem.
Fechamento: "[FRASE FINAL]".
Use só os números que eu passei. Se faltar algum, pergunte em vez de inventar.

Crie em HTML (1080x1350, GSAP) um motion de 12 segundos com uma citação do livro [TÍTULO DO LIVRO], de [AUTOR]: "[CITAÇÃO]".
Fundo [COR], fonte serifada grande. A frase aparece palavra por palavra; a palavra [PALAVRA-CHAVE] ganha [COR DE DESTAQUE] e cresce um pouco.
No fim, a capa do livro ([ARQUIVO DA CAPA]) sobe de baixo com título e autor ao lado.
O último quadro tem que funcionar como imagem parada.