Atualizado em:
Vídeos do Opus 5.5: os prompts virais e como fazer o seu
Desde o lançamento do Claude Opus 5.5, as pessoas postam reels de motion graphics, explicativos, cenas 3D e até joguinhos que ele fez a partir de um único prompt. Só a lista awesome-opus5-5-videos reúne 475. Aqui estão os prompts dos mais conhecidos e os passos para fazer o seu.
O prompt que começou tudo
Quase toda a primeira onda usou o mesmo prompt de uma linha. 58 entradas da lista são este prompt ou uma cópia quase igual:
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.As variações populares trocam o tema pelo seu produto ou site, adicionam uma duração (10, 15 ou 40 segundos) ou um formato como 1080×1080 para redes sociais.
Exemplos por tipo, com os prompts
Prompts reais da lista, citados como os criadores postaram. Abra o post para ver o vídeo.
Motion graphics
288 na lista. Showreels, promos de produto, tipografia animada.
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.por @ajith_io · Canvas · Ver o vídeo
Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.por @Ishaaqahamed · Canvas · Ver o vídeo
4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel stylepor @itsolelehmann · Canvas · Ver o vídeo
create a motion design video of a poster breaking out of its own frame.por @pankajkumar_dev · Canvas · Ver o vídeo
Explicativos
62 na lista. Conceitos, história, como as coisas funcionam.
A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.por @emollick · Canvas · Ver o vídeo
make a video highlighting key moments in the history of AI.por @kloss_xyz · Canvas, SVG, CSS · Ver o vídeo
请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-ttspor @LinearUncle · SVG, audio · Ver o vídeo
Cenas 3D
55 na lista. Three.js e shaders.
Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.por @Michaelzsguo · Shader, Canvas · Ver o vídeo
Show me what goes on inside an AI data centre.por @mdaman010 · Three.js, Shader, SVG · Ver o vídeo
Jogos e interativos
70 na lista. Jogáveis no navegador.
can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its townpor @MandelDuck · Three.js, Shader · Ver o vídeo
Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.por @aisongman · Canvas, pixel art · Ver o vídeo
Fonte: awesome-opus5-5-videos no GitHub
Faça o seu em 3 passos
- Abra o Claude (app ou claude.ai) num plano pago e escolha o Opus 5.5, ou inicie o Claude Code com o Opus 5.5.
- Cole um dos prompts acima e acrescente: "Faça como um único arquivo HTML autocontido."
- Abra o resultado no navegador e grave a tela. Para um MP4 limpo, use um dos métodos abaixo.
Como um "vídeo do Opus 5.5" é feito
- Storyboard: o Opus 5.5 escreve uma lista de planos com a duração de cada cena.
- Código: ele escreve um renderizador por cena, em que cada quadro depende só do tempo t.
- Quadros: um Chrome headless avança t e salva uma imagem por quadro.
- Codificação: o ffmpeg junta os quadros num MP4 H.264 e, numa segunda passada, pode adicionar narração e legendas.
Fonte: OrcaRouter: o que "planejar um vídeo" realmente produz
Gerar um arquivo MP4 de verdade
Para um post rápido, gravar a tela basta. Para um MP4 limpo, quadro a quadro e com fps fixo, renderize a animação. Três jeitos:
Método 1: ClaudeAnimationBase no Claude Code (o mais fácil)
ClaudeAnimationBase é um kit inicial de código aberto (MIT) de John Heibel: p5.js com p5.brush, o personagem Clawd com 31 emoções atuadas e um guia que ensina o modelo a animar. O autor fez todos os vídeos de teste com o Opus 5.5 em esforço xhigh no Claude Code.
- Instale Node.js, Google Chrome, ffmpeg, e o Claude Code com um plano pago do Claude ou uma chave de API.
- Clone o kit, instale e abra o Claude Code na pasta:
git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git cd ClaudeAnimationBase npm install claude # start Claude Code, pick Opus 5.5 with /model - Mande para o Opus 5.5 o primeiro prompt do README:
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly. - O Opus 5.5 escreve o storyboard e depois o código das cenas. Quando terminar, renderize o clipe:
node render.mjs --clip --out=out/video.mp4 - Abra out/video.mp4, ou abra studio.html no Chrome para navegar pelo clipe. Peça mudanças com palavras normais ("deixe o pulo mais lento", "céu rosa") e renderize de novo.
Sem uma GPU dedicada, cada quadro leva segundos para renderizar. O README recomenda evitar preenchimentos de aquarela em gráficos integrados.
Fonte: ClaudeAnimationBase no GitHub
Método 2: um arquivo HTML e um script de render (qualquer estilo)
Para motion graphics, vinhetas ou animações de dados você não precisa de kit. Peça ao Opus 5.5 um único arquivo HTML que siga um contrato simples e renderize com o script abaixo.
Escreva um arquivo HTML autocontido, 1920x1080, que desenhe uma animação de 10 segundos num <canvas>.
Defina window.DURATION = 10 e async window.seek(t), que pinta o quadro do segundo t.
Cada pixel deve depender só de t: nada de Date.now(), nem loop de requestAnimationFrame,
nem transições CSS, nem Math.random() sem semente.
Cena: [descreva aqui sua cena, paleta e estilo de movimento]Salve o arquivo como scene.html ao lado deste script e rode:
// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';
const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
await page.evaluate((t) => window.seek(t), i / fps);
await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
'-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30 # writes out.mp4Testamos este script com Playwright 1.56 e ffmpeg 6 numa cena de teste: ele salva um PNG por quadro em frames/ e depois out.mp4.
Fonte: Hugging Face: pipeline de render determinístico para vídeos do Opus 5.5
Método 3: Remotion ou HyperFrames para vídeos mais longos
- Remotion (React) e HyperFrames (HTML, da HeyGen) são frameworks feitos para renderizar vídeo a partir de código. Eles cuidam da linha do tempo, das trilhas de áudio e do render.
- Peça primeiro ao Opus 5.5 um storyboard cena a cena, aprove e deixe ele escrever a composição uma cena por vez.
- Para narração, gere a voz com um serviço de TTS, guarde o tempo de cada palavra e deixe o Opus 5.5 sincronizar legendas e animação com ele.
- Renderize primeiro um rascunho em meia resolução e depois a versão final completa.
Fonte: Apiyi: fazer vídeos com código usando o Opus 5.5
Mais modelos de prompt
Cada prompt pede um storyboard primeiro, que é o passo que mais melhora o resultado.
Promo de produto (15 s)
Primeiro escreva um storyboard para uma promo de 15 segundos de [produto]: 4 cenas, tipografia grossa, uma cor de destaque, cortes rápidos. Espere meu OK e depois faça como um único arquivo HTML canvas com window.DURATION e window.seek(t).Explicativo com legendas (30 s)
Faça um explicativo de 30 segundos sobre [tema] em 5 cenas. Use ícones planos simples em SVG, legendas linha a linha embaixo e um ritmo calmo. Primeiro o storyboard, depois o código.Animação de dados
Anime estes dados como uma corrida de barras de 20 segundos: [cole o CSV]. Reordene as barras a cada quadro, mostre o ano num canto e suavize cada mudança. Cada quadro deve depender só de t.Curta animado (ClaudeAnimationBase, texto original)
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.Dicas para economizar tempo e tokens
- Comece com 10 a 15 segundos. Peças longas multiplicam o tempo de render e os tokens.
- Aprove o storyboard antes de qualquer código. Corrigir uma lista de planos é barato; corrigir código pronto, não.
- Exija determinismo: se um quadro depende de algo além de t, o render pisca ou muda entre execuções.
- Deixe o Opus 5.5 ver o resultado. Renderize alguns quadros ou uma folha de contato e peça que ele revise; ele lê imagens.
- Deixe texto e narração fora da primeira passada e adicione quando o movimento estiver certo.
O que o Opus 5.5 faz e não faz com vídeo
| Faz | Não faz |
|---|---|
| Escrever um storyboard e o código de animação de cada cena | Entregar um MP4 ou qualquer arquivo de vídeo sozinho |
| Ler imagens, então revisa quadros e folhas de contato que renderizou | Receber um arquivo de vídeo ou assistir a um clipe de referência |
| Desenhar motion graphics, explicativos, gráficos, vinhetas e desenhos 2D em código | Produzir imagens fotorrealistas como Sora ou Veo |
| Escrever o tempo das legendas e o roteiro da narração | Gerar a voz ou a música; isso exige TTS ou outra ferramenta de áudio |
Fonte: Visão geral do modelo Claude Opus 5.5 (Anthropic)
Quanto custa
- O Opus 5.5 custa $4.00 por milhão de tokens de entrada e $20.00 por milhão de saída na API. Nos apps do Claude e no Claude Code ele só está nos planos pagos; o plano grátis tem Sonnet e Haiku.
- Conta de exemplo: uma sessão que lê 300.000 tokens e escreve 60.000 custa $2.40 pelo preço de tabela. Cada rodada de ajustes soma.
- O guia da Apiyi estima que um explicativo de 30 segundos custa "de alguns centavos a cerca de um dólar" em modelo, mais o TTS.
- O render roda no seu computador e só custa tempo.
Preço e especificações do Opus 5.5 Comparar custos na calculadora
Exemplos e leituras
Dois lugares reúnem esses vídeos com os prompts. A awesome-opus5-5-videos no GitHub lista 475 (navegáveis em skillry.dev), e o Claude Video (claudevideo.org) indexa 1.235, 457 deles com o prompt completo do criador. Nenhum é afiliado à Anthropic.
Fonte: skillry.dev
Fonte: Galeria Claude Video
Fonte: explainx: como são feitos os desenhos virais do Opus 5.5
Perguntas frequentes
Qual prompt as pessoas usaram nos vídeos virais do Opus 5.5?
A maioria usou uma linha só: "make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out." Muitos depois trocaram o tema pelo próprio produto, site ou assunto.
O Claude Opus 5.5 gera vídeos?
Não diretamente. Ele só produz texto. Os vídeos que você vê são feitos com o Opus 5.5 escrevendo código de animação, que um navegador renderiza quadro a quadro e o ffmpeg transforma em MP4.
O Opus 5.5 assiste ou analisa vídeo?
Não. Ele aceita texto e imagens. Você pode exportar quadros ou uma folha de contato do vídeo e mandar para ele.
Preciso do Claude Code para fazer vídeos com o Opus 5.5?
É o caminho mais fácil, porque o Opus 5.5 escreve arquivos, roda o render e olha os quadros sozinho. Também dá para usar a API ou os apps do Claude e rodar o script você mesmo.
Fazer vídeo com o Opus 5.5 é grátis?
As ferramentas (ClaudeAnimationBase, Playwright, ffmpeg) são grátis. O Opus 5.5 não está no plano grátis do Claude, então você precisa de um plano pago ou créditos de API.
Qual estilo funciona melhor?
Motion graphics, explicativos, gráficos e desenhos 2D planos. Tudo que se desenha com formas e texto funciona bem; fotorrealismo não.
Guia independente. Sem afiliação com a Anthropic. Os preços são os de tabela da Anthropic em dólares.