5 vídeos completos
feitos com o Claude.
Prompts maiores, com várias cenas, transições e fechamento. Sem cadastro.
Como usar
- Escolha a animação e copie o prompt.
- Troque o que está entre parênteses: a frase, o número, os dados, a cor.
- Cole no Claude. Ele escreve a animação em código e renderiza o MP4 em 1080×1920, pronto para o Reels.
- 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.
Vídeos completos
Cinco prompts maiores, com várias cenas, transições e fechamento. Aqui você troca o que está entre colchetes: nome, frases, cor.
01Apresentação de app
Lançamento minimalista em preto e branco
Crie um motion de 30 segundos no estilo lançamento de app minimalista, em preto e branco. Títulos grandes revelados palavra por palavra, mockups da interface desenhados em CSS e o fundo alternando entre preto e branco a cada cena, com transição em cortina. MARCA: [NOME]. LOGO: [descreva o símbolo]. FRASE: [TAGLINE]. CENAS: 1) abertura com o logo se montando; 2) [FRASE 1]; 3) [FRASE 2]; 4) a tela principal do app, com os itens entrando um a um; 5) [FRASE 3]; 6) logo + frase + botão "Baixe agora". Crie a interface de cada cena de acordo com a frase. REGRAS: construa em HTML, CSS e JavaScript num único arquivo, palco fixo de 1920x1080, sem imagens externas (desenhe as telas e os objetos em CSS ou SVG), easing suave e transições rápidas entre as cenas, sem cortes secos. ENTREGA: renderize e me entregue o vídeo em MP4 (1920x1080, 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.
02Showreel de motion
Os princípios da animação, desenhados à mão
Crie um showreel de motion designer de 15 segundos baseado nos princípios da animação. Visual de caderno: fundo creme, traço azul-escuro, um vermelho de destaque e anotações manuscritas com setas. CENAS: 1) uma bolinha entra quicando, com estica e achata (squash and stretch) em cada batida, e as notas "estica" e "achata!" aparecem escritas à mão; 2) as palavras [PALAVRA 1] e [PALAVRA 2] entram animadas pelo próprio significado, em fonte condensada pesada; 3) um mostrador circular carrega de 0 a 100% com antecipação e desaceleração; 4) assinatura manuscrita: [NOME] + [CARGO]. REGRAS: construa em HTML, CSS e JavaScript num único arquivo, palco fixo de 1920x1080, sem imagens externas (desenhe as telas e os objetos em CSS ou SVG), easing suave e transições rápidas entre as cenas, sem cortes secos. ENTREGA: renderize e me entregue o vídeo em MP4 (1920x1080, 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.
03Lançamento de app
Celular flutuando e cards saltando da tela
Crie um vídeo promocional de app de 30 segundos, no estilo lançamento de loja de apps. Fundo escuro com brilho colorido em [COR], um celular desenhado em CSS flutuando em leve rotação, títulos com a palavra-chave em [COR], zoom na tela e cards de notificação saltando do celular, com transições em desfoque. APP: [NOME]. FRASE: [TAGLINE]. CENAS: 1) o celular entra girando; 2) [FRASE 1]; 3) [FRASE 2]; 4) três cards saltam da tela: [RECURSO 1], [RECURSO 2], [RECURSO 3]; 5) celulares em leque; 6) logo + frase. Crie a tela do app de cada cena de acordo com a frase. REGRAS: construa em HTML, CSS e JavaScript num único arquivo, palco fixo de 1920x1080, sem imagens externas (desenhe as telas e os objetos em CSS ou SVG), easing suave e transições rápidas entre as cenas, sem cortes secos. ENTREGA: renderize e me entregue o vídeo em MP4 (1920x1080, 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.
04Produto em destaque
Comercial de duas cores, tipografia gigante
Crie um comercial de 15 segundos para [PRODUTO], em duas cores: [COR] e quase preto. Tipografia extrabold em caixa alta, o produto desenhado em CSS como protagonista, transições rápidas com desfoque de movimento. MARCA: [NOME]. FRASE: [TAGLINE]. CENAS: 1) [FRASE 1] explode na tela, palavra por palavra; 2) close no produto girando, com os selos [BENEFÍCIO 1], [BENEFÍCIO 2] e [BENEFÍCIO 3] aparecendo em volta; 3) três palavras em sequência: [PALAVRA 1], [PALAVRA 2], [PALAVRA 3]; 4) logo + frase, com o fundo abrindo em círculo. REGRAS: construa em HTML, CSS e JavaScript num único arquivo, palco fixo de 1920x1080, sem imagens externas (desenhe as telas e os objetos em CSS ou SVG), easing suave e transições rápidas entre as cenas, sem cortes secos. ENTREGA: renderize e me entregue o vídeo em MP4 (1920x1080, 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.
05Motion de apresentação
Vídeo de apresentação pessoal
Crie um vídeo de apresentação pessoal de 15 segundos. Fundo preto alternando com [COR], tipografia bold com uma palavra por frase em itálico serifado, transições em cortina e em círculo, números com contagem. DADOS: [NOME], [CARGO], foto anexada, Instagram [@]. CENAS: 1) entra uma pílula colorida que se fecha num círculo; 2) a foto em círculo, com o nome se revelando ao lado e o cargo embaixo; 3) [FRASE DE IMPACTO]; 4) dois números com contagem: [DESTAQUE 1] e [DESTAQUE 2]; 5) o @ e um botão "Seguir" sendo clicado. Use a foto anexada dentro do círculo. REGRAS: construa em HTML, CSS e JavaScript num único arquivo, palco fixo de 1920x1080, sem imagens externas (desenhe as telas e os objetos em CSS ou SVG), easing suave e transições rápidas entre as cenas, sem cortes secos. ENTREGA: renderize e me entregue o vídeo em MP4 (1920x1080, 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.