← Todos os motions
material gratuito

6 prompts de motion
sem After Effects.

Seis animações curtas para o Claude escrever em código e entregar em MP4. Sem cadastro.

6 prompts · 6 prévias em vídeo

Como usar

  1. Escolha a animação e copie o prompt.
  2. Troque o que está entre parênteses: a frase, o número, os dados, a cor.
  3. Cole no Claude. Ele escreve a animação em código e renderiza o MP4 em 1080×1920, pronto para o Reels.
  4. Não gostou de um detalhe? Peça o ajuste (“mais rápido”, “troca a cor”, “fonte mais pesada”) e ele renderiza de novo.

Para sair em MP4, o Claude precisa poder executar código: funciona no Claude Code e no app com criação de arquivos ligada. Se você tiver as skills hyperframes, remotion ou video-use instaladas, o prompt já manda usar a que der o melhor acabamento. Sem execução de código, ele entrega a animação rodando e explica como exportar.

As prévias abaixo foram feitas em código e renderizadas em MP4, do mesmo jeito.

01Título Cinético

Uma palavra por vez, no ritmo

prompt 01 · troque o que está entre parênteses
Crie uma animação de tipografia cinética para Reels. TEXTO: "(SUA FRASE DE ATÉ 8 PALAVRAS)". Mostre uma palavra por vez, enorme, em caixa alta, ocupando quase toda a largura. A cada palavra o fundo alterna entre preto e branco e o texto inverte de cor. As trocas começam lentas (0,6 s) e aceleram até 0,3 s. A última palavra entra com um bloco de cor (LARANJA #F0622A) atrás dela e fica parada. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 8 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.

02Contador

Um número que sobe até o resultado

prompt 02 · troque o que está entre parênteses
Crie uma animação de número em destaque. NÚMERO FINAL: (1.248). RÓTULO: "(clientes atendidos em 2026)". Fundo escuro (#0B0C0E). O número começa em zero e sobe até o valor final em 2,5 segundos, desacelerando no fim, com separador de milhar em português. Embaixo, uma barra fina enche junto com a contagem. Quando o número para, o rótulo sobe com fade e um brilho rápido passa pelo número. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 6 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.

03Gráfico De Barras

Barras que crescem uma a uma

prompt 03 · troque o que está entre parênteses
Crie uma animação de gráfico de barras verticais. DADOS: (Jan 12, Fev 18, Mar 27, Abr 41). TÍTULO: "(Vendas por mês)". Fundo claro. O título entra primeiro. Depois as barras crescem da base, uma de cada vez, com 0,25 s de intervalo, e o valor de cada uma aparece em cima quando ela termina de subir. A barra mais alta fica na cor de destaque (AZUL #2F7DF6) e as outras em cinza. No fim, uma linha fina liga o topo das barras. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 7 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.

04Entrada De Logo

O nome da marca se montando

prompt 04 · troque o que está entre parênteses
Crie uma animação de abertura de marca. NOME: "(SUA MARCA)". FRASE: "(sua frase de apoio)". Fundo branco. Um círculo na cor da marca (#111111) cresce do centro, encolhe e vira o ponto final do nome. As letras do nome entram uma a uma, de baixo para cima, com 0,05 s de diferença. A frase de apoio aparece por último, em cinza, com fade. Tudo centralizado. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 5 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.

05Faixa De Notícia

A tarja que entra na base do vídeo

prompt 05 · troque o que está entre parênteses
Crie uma animação de faixa de notícia (lower third) com fundo transparente simulado em xadrez cinza, para ser gravada e usada por cima de um vídeo. ETIQUETA: "(URGENTE)". MANCHETE: "(sua manchete em uma linha)". A etiqueta vermelha (#E5262B) desliza da esquerda, e logo depois a faixa branca com a manchete abre para a direita como uma cortina. Fica 4 segundos na tela e sai na ordem inversa. Posição: terço inferior do palco. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 7 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.

06Citação

Frase que se escreve linha a linha

prompt 06 · troque o que está entre parênteses
Crie uma animação de citação. FRASE: "(sua frase de até 20 palavras)". AUTOR: "(nome)". Fundo creme (#F3EEE4), fonte serifada grande. Uma aspa grande de abertura aparece primeiro. A frase entra linha por linha, cada linha revelada por uma máscara da esquerda para a direita, com 0,4 s entre elas. No fim, um traço curto se desenha e o nome do autor aparece ao lado. REGRAS: construa a animação em HTML, CSS e JavaScript num único arquivo, sem imagens externas, com palco fixo de 1080x1920 e easing suave (cubic-bezier), nada de movimento linear. A animação dura cerca de 8 segundos e termina num quadro final parado. ENTREGA: renderize e me entregue o vídeo em MP4 (1080x1920, 30 fps, H.264), além do arquivo HTML. Se você tiver as skills hyperframes, remotion ou video-use disponíveis, use a que der o melhor acabamento para renderizar; se não tiver, renderize quadro a quadro com um navegador sem interface e ffmpeg. Se neste ambiente não for possível gerar o MP4, diga isso com clareza e entregue a animação rodando, com o passo a passo para exportar.