Guia não oficial. Sem vínculo com a Meta.

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.

Como funciona numa linha: você dá um prompt ao Opus 5.5, ele escreve uma página web (canvas, SVG, GSAP ou Three.js) que toca a animação, e você grava a tela ou renderiza em MP4. É código, não um modelo de vídeo como o Sora; por isso ele vai tão bem em motion graphics, tipografia, diagramas e 3D, e não faz imagens de filmagem real.

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 style

por @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-tts

por @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 town

por @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

  1. 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.
  2. Cole um dos prompts acima e acrescente: "Faça como um único arquivo HTML autocontido."
  3. 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

  1. Storyboard: o Opus 5.5 escreve uma lista de planos com a duração de cada cena.
  2. Código: ele escreve um renderizador por cena, em que cada quadro depende só do tempo t.
  3. Quadros: um Chrome headless avança t e salva uma imagem por quadro.
  4. 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.

  1. Instale Node.js, Google Chrome, ffmpeg, e o Claude Code com um plano pago do Claude ou uma chave de API.
  2. 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
  3. 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.
  4. 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
  5. 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.mp4

Testamos 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 · HyperFrames

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

O que o Opus 5.5 faz e não faz com vídeo

FazNão faz
Escrever um storyboard e o código de animação de cada cenaEntregar um MP4 ou qualquer arquivo de vídeo sozinho
Ler imagens, então revisa quadros e folhas de contato que renderizouReceber 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ódigoProduzir imagens fotorrealistas como Sora ou Veo
Escrever o tempo das legendas e o roteiro da narraçãoGerar 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

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.