Guía no oficial. Sin relación con Meta.

Última actualización:

Videos de Opus 5.5: los prompts virales y cómo hacer el tuyo

Desde que salió Claude Opus 5.5, la gente publica reels de motion graphics, explicativos, escenas 3D y hasta juegos pequeños que hizo con un solo prompt. Solo la lista awesome-opus5-5-videos reúne 475. Aquí están los prompts detrás de los más conocidos y los pasos para hacer el tuyo.

Cómo funciona en una línea: le das un prompt a Opus 5.5, escribe una página web (canvas, SVG, GSAP o Three.js) que reproduce la animación, y tú la grabas o la renderizas a MP4. Es código, no un modelo de video como Sora; por eso brilla en motion graphics, tipografía, diagramas y 3D, y no hace imágenes de acción real.

El prompt que lo empezó todo

Casi toda la primera ola usó el mismo prompt de una línea. 58 entradas de la lista son este prompt o una copia casi 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.

Las variantes populares cambian el tema por tu producto o sitio web, agregan una duración (10, 15 o 40 segundos) o un formato como 1080×1080 para redes.

Ejemplos por tipo, con sus prompts

Prompts reales de la lista, tal como los publicaron sus creadores. Abre la publicación para ver el video.

Motion graphics

288 en la lista. Showreels, promos de producto, tipografía 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.

de @ajith_io · Canvas · Ver el video

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.

de @Ishaaqahamed · Canvas · Ver el video

4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel style

de @itsolelehmann · Canvas · Ver el video

create a motion design video of a poster breaking out of its own frame.

de @pankajkumar_dev · Canvas · Ver el video

Explicativos

62 en la lista. Conceptos, historia, cómo funcionan las cosas.

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

de @emollick · Canvas · Ver el video

make a video highlighting key moments in the history of AI.

de @kloss_xyz · Canvas, SVG, CSS · Ver el video

请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts

de @LinearUncle · SVG, audio · Ver el video

Escenas 3D

55 en la lista. Three.js y 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.

de @Michaelzsguo · Shader, Canvas · Ver el video

Show me what goes on inside an AI data centre.

de @mdaman010 · Three.js, Shader, SVG · Ver el video

Juegos e interactivos

70 en la lista. Se juegan en el 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

de @MandelDuck · Three.js, Shader · Ver el video

Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.

de @aisongman · Canvas, pixel art · Ver el video

Fuente: awesome-opus5-5-videos en GitHub

Haz el tuyo en 3 pasos

  1. Abre Claude (app o claude.ai) con un plan de pago y elige Opus 5.5, o inicia Claude Code con Opus 5.5.
  2. Pega uno de los prompts de arriba y agrega: "Hazlo como un solo archivo HTML autónomo."
  3. Abre el resultado en el navegador y grábalo en pantalla. Para un MP4 limpio, usa uno de los métodos de abajo.

Cómo se hace un "video de Opus 5.5"

  1. Storyboard: Opus 5.5 escribe una lista de tomas con la duración de cada escena.
  2. Código: escribe un renderizador por escena, donde cada cuadro depende solo del tiempo t.
  3. Cuadros: un Chrome sin interfaz avanza t y guarda una imagen por cuadro.
  4. Codificación: ffmpeg une los cuadros en un MP4 H.264 y en una segunda pasada puede añadir voz y subtítulos.

Fuente: OrcaRouter: qué produce realmente "planear un video"

Obtener un archivo MP4 de verdad

Para una publicación rápida basta con grabar la pantalla. Para un MP4 limpio, cuadro por cuadro y con fps fijos, renderiza la animación. Tres formas:

Método 1: ClaudeAnimationBase en Claude Code (el más fácil)

ClaudeAnimationBase es un kit de inicio de código abierto (MIT) de John Heibel: p5.js con p5.brush, el personaje Clawd con 31 emociones actuadas y una guía que le enseña al modelo a animar. Su autor hizo todos los videos de prueba con Opus 5.5 en esfuerzo xhigh dentro de Claude Code.

  1. Instala Node.js, Google Chrome, ffmpeg, y Claude Code con un plan de pago de Claude o una clave de API.
  2. Clona el kit, instálalo y abre Claude Code en la carpeta:
    git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
    cd ClaudeAnimationBase
    npm install
    claude            # start Claude Code, pick Opus 5.5 with /model
  3. Dale a Opus 5.5 el primer prompt del README:
    Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.
  4. Opus 5.5 escribe el storyboard y luego el código de las escenas. Cuando termine, renderiza el clip:
    node render.mjs --clip --out=out/video.mp4
  5. Abre out/video.mp4, o abre studio.html en Chrome para recorrerlo. Pide cambios con palabras normales ("haz el salto más lento", "pon el cielo rosa") y vuelve a renderizar.

Sin una GPU dedicada, cada cuadro tarda segundos en renderizarse. El README recomienda evitar los rellenos de acuarela con gráficos integrados.

Fuente: ClaudeAnimationBase en GitHub

Método 2: un archivo HTML y un script de render (cualquier estilo)

Para motion graphics, títulos o animaciones de datos no necesitas un kit. Pídele a Opus 5.5 un solo archivo HTML que siga un contrato simple y renderízalo con el script de abajo.

Escribe un archivo HTML autónomo, de 1920x1080, que dibuje una animación de 10 segundos en un <canvas>.
Define window.DURATION = 10 y async window.seek(t), que pinta el cuadro del segundo t.
Cada píxel debe depender solo de t: nada de Date.now(), ni bucles de requestAnimationFrame,
ni transiciones CSS, ni Math.random() sin semilla.
Escena: [describe aquí tu escena, paleta y estilo de movimiento]

Guarda el archivo como scene.html junto a este script y ejecútalo:

// 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

Probamos este script con Playwright 1.56 y ffmpeg 6 en una escena de prueba: guarda un PNG por cuadro en frames/ y luego out.mp4.

Fuente: Hugging Face: pipeline de render determinista para videos de Opus 5.5

Método 3: Remotion o HyperFrames para videos más largos

Remotion · HyperFrames

Fuente: Apiyi: hacer videos con código usando Opus 5.5

Más plantillas de prompts

Cada prompt pide primero un storyboard, que es el paso que más mejora el resultado.

Promo de producto (15 s)

Primero escribe un storyboard para una promo de 15 segundos de [producto]: 4 escenas, tipografía gruesa, un color de acento, cortes rápidos. Espera mi OK y luego hazla como un solo archivo HTML canvas con window.DURATION y window.seek(t).

Explicativo con subtítulos (30 s)

Haz un explicativo de 30 segundos sobre [tema] en 5 escenas. Usa íconos planos simples en SVG, subtítulos línea por línea abajo y un ritmo tranquilo. Primero el storyboard, luego el código.

Animación de datos

Anima estos datos como una carrera de barras de 20 segundos: [pega el CSV]. Reordena las barras en cada cuadro, muestra el año en una esquina y suaviza cada cambio. Cada cuadro debe depender solo de t.

Corto animado (ClaudeAnimationBase, texto original)

Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.

Consejos para ahorrar tiempo y tokens

Qué puede y qué no puede hacer Opus 5.5 con video

PuedeNo puede
Escribir un storyboard y el código de animación de cada escenaEntregar un MP4 o cualquier archivo de video por sí solo
Leer imágenes, así que revisa cuadros y hojas de contacto que renderizóRecibir un archivo de video o ver un clip de referencia
Dibujar motion graphics, explicativos, gráficos, títulos y caricaturas 2D con códigoProducir imágenes fotorrealistas como Sora o Veo
Escribir los tiempos de subtítulos y el guion de la locuciónGenerar la voz o la música; para eso hace falta TTS u otra herramienta de audio

Fuente: Resumen del modelo Claude Opus 5.5 (Anthropic)

Cuánto cuesta

Precio y especificaciones de Opus 5.5 Comparar costos en la calculadora

Ejemplos y lecturas

Dos sitios reúnen estos videos con sus prompts. awesome-opus5-5-videos en GitHub tiene 475 (navegables en skillry.dev), y Claude Video (claudevideo.org) indexa 1,235, 457 de ellos con el prompt completo del creador. Ninguno está afiliado a Anthropic.

Fuente: skillry.dev

Fuente: Galería Claude Video

Fuente: explainx: cómo se hacen las caricaturas virales de Opus 5.5

Preguntas frecuentes

¿Qué prompt usaron para los videos virales de Opus 5.5?

La mayoría usó una sola línea: "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." Muchos luego cambiaron el tema por su producto, sitio web o tema propio.

¿Claude Opus 5.5 puede generar videos?

No directamente. Solo produce texto. Los videos que ves los hace Opus 5.5 escribiendo código de animación, que un navegador renderiza cuadro por cuadro y ffmpeg convierte en MP4.

¿Opus 5.5 puede ver o analizar un video?

No. Acepta texto e imágenes. Puedes exportar cuadros o una hoja de contacto del video y dárselos.

¿Necesito Claude Code para hacer videos con Opus 5.5?

Es lo más fácil, porque Opus 5.5 puede escribir archivos, ejecutar el render y ver los cuadros por su cuenta. También puedes usar la API o las apps de Claude y correr el script tú.

¿Hacer videos con Opus 5.5 es gratis?

Las herramientas (ClaudeAnimationBase, Playwright, ffmpeg) son gratis. Opus 5.5 no está en el plan gratis de Claude, así que necesitas un plan de pago o créditos de API.

¿Qué estilo funciona mejor?

Motion graphics, explicativos, gráficos y caricaturas 2D planas. Todo lo que se dibuja con formas y texto funciona bien; lo fotorrealista no.

Guía independiente. Sin afiliación con Anthropic. Los precios son los de lista de Anthropic en dólares.