Opus 5.5 ya hace gráficos animados. Así se consigue lo bueno

Primero, qué está pasando de verdad

Esto es lo que casi todo el mundo pasa por alto: Opus 5.5 no puede darte un MP4. Lee texto e imágenes y escribe texto. Así que cada uno de esos vídeos es en realidad un pequeño programa que escribió Opus, y otra cosa convirtió ese programa en fotogramas.

El truco es una función que responde a una sola pregunta: ¿cómo se ve la pantalla en el instante t? Un navegador sin interfaz hace esa pregunta para cada fotograma (900 veces para 15 segundos a 60 fps), toma una captura cada vez, y ffmpeg une las capturas en un vídeo. Como la imagen depende solo del tiempo, obtienes exactamente el mismo vídeo en cada ejecución. ¿Quieres cambiar un plano? Edita una línea y vuelve a renderizar.

Si lo dejas a su aire, Opus suele elegir el camino más simple: un solo archivo HTML, sin framework, Playwright para las capturas y ffmpeg para el vídeo. Si prefieres trabajar en Remotion (React) o HyperFrames (HTML y GSAP), solo tienes que decirlo en tu prompt.

El kit: unos diez minutos de preparación

La app de chat puede escribir una animación. Pero la magia ocurre cuando Opus puede renderizarla, mirar el resultado y corregirlo, y para eso necesita una terminal. Es decir, Claude Code, o cualquier agente que pueda ejecutar comandos.

Otro consejo: deja un archivo corto con las normas de la casa (CLAUDE.md) en la carpeta de tu proyecto. Claude Code lo lee cada vez, así que solo tienes que decir las cosas una vez. Buenas normas para empezar: la imagen depende solo del tiempo, sin temporizadores ni números aleatorios sin semilla; nada de título centrado sobre degradado, nada de que todo aparezca en fundido, nada de etiquetitas en las esquinas; cada par de segundos pasa algo nuevo; y antes de enseñar nada, renderiza una hoja de imágenes fijas, mírala y corrige los tres peores problemas.

Y sube el esfuerzo. Los mejores resultados de un solo intento que compartió la gente usaban el esfuerzo xhigh (muy alto) o max (máximo). Deja medium (medio) para pequeños retoques y nuevos renders.

Nivel 1: el showreel de una línea

Muchos de los clips virales salieron del mismo prompt diminuto: pídele a Opus un vídeo de gráficos animados de 15 segundos, con garra, que presuma de lo que sabe hacer, "como si fuera tu showreel para un currículum" ("showreel for a résumé"), y dile que lo dé todo. La versión de Stephan Livera con esfuerzo max es una de las publicaciones que lo empezaron todo.

¿Por qué algo tan corto funciona tan bien? El "showreel" es un género que Opus ya conoce: cortes rápidos, un truco nuevo en cada plano, lo mejor primero. Convierte a Opus en el protagonista, así que no hay ningún producto con el que equivocarse. Quince segundos es lo bastante corto para terminarlo de una tirada y lo bastante largo para seis a ocho planos. Y "dalo todo" funciona como un potenciador del esfuerzo.

La pega: cientos de personas usaron el mismo prompt, y los resultados empezaron a parecerse. Usa la frase única para probar tu configuración y luego pasa a otra cosa. Pone a prueba el motor, no tu idea, porque no tiene ninguna.

Nivel 2: apúntalo a tu producto

Aquí es donde se vuelve útil si vendes algo. El creador independiente Tony Dinh publicó que hace un año pagó unos $1,000 por un vídeo de lanzamiento así, y que hizo uno parecido con Opus 5.5 en menos de 30 minutos. En una respuesta compartió el prompt: la idea del showreel más el enlace a su producto, la instrucción de usar las capturas, el logo y los recursos reales, y la exigencia de una música que el movimiento siga.

Dos hábitos más ayudan. Quédate en el mismo chat para la misma marca, porque el segundo vídeo sale más rápido cuando el renderizador y el sonido ya están montados. Y guarda las claves de API en un archivo .env y dile a Opus el nombre de la variable; nunca pegues una clave real en un prompt del que podrías hacer una captura.

Aquí tienes un prompt con ese espíritu que puedes adaptar. Brewline es una app de cafetería inventada, así que cámbiala por tu propio producto.

Haz un vídeo de lanzamiento vertical (1080 x 1920) de 20 segundos, con garra, para Brewline, una app para pedir en cafeterías (brewline.example). Energía de showreel.

1. Visita primero el sitio. Toma las capturas, el logo, los colores y las fuentes reales, guárdalos en ./assets y haz una lista de lo que encontraste. Nunca inventes una pantalla.
2. Historia, un momento cada 2 a 4 segundos: un gancho en letra grande, aparece la app, tres funciones, cada una mostrada con un cursor que hace un toque real, un número que demuestre que funciona, y luego el logo y "Try it free" (pruébalo gratis).
3. Música original a unos 120 BPM, hecha con código, con pequeños clics y barridos sonoros (whooshes) en el pulso.
4. Antes del render completo, enséñame una imagen fija por momento para que pueda revisar el flujo.

• El prompt que compartió en las respuestas

Nivel 3: dale un estilo que copiar

Sin una referencia, Opus vuelve a su zona de confort. Sí, eso: texto centrado, degradado, fundido. La solución es enseñarle un estilo en lugar de describírselo.

Un fotograma funciona: haz una captura de un momento de un vídeo que te encante, adjúntala y di qué tomar (colores, tipografía, textura) y qué dejar (el tema). Un vídeo entero también funciona: pide a Opus que extraiga fotogramas con ffmpeg y describa el ritmo plano a plano antes de escribir código. Lo mejor de todo es tu propia biblioteca, porque nadie más puede copiarla. Pide a Opus que escriba primero un style_guide.md y un shotlist.md cortos, y aprueba los dos antes de que se escriba ni una línea de código de animación. Toma prestada la gramática de una referencia, nunca sus logos ni sus personajes.

Aquí es donde resulta fácil usar Ciyo. Genera allí unos cuantos fotogramas clave o un logo limpio y pásaselos a Opus como referencia, para que el estilo sea tuyo antes de que empiece el movimiento.

• Anima tu logo con Claude Opus 5.5
• ¿Puede Claude Opus 5.5 generar imágenes?

Nivel 4: enumera los estados, no la vibra

Los prompts de animación más guardados esa semana no eran de una línea. Eran especificaciones estructuradas para animaciones de interfaz elegantes en las que una forma nunca se corta. Simplemente sigue transformándose: un botón se convierte en un indicador de carga, luego en una marca de verificación, luego en una tarjeta, luego en un gráfico, y al final vuelve al principio en bucle, con un cursor que impulsa cada cambio.

Lo que las hacía funcionar no eran palabras mágicas. Era una lista clara: qué pedirte a ti (producto, pantallas, colores, una pista musical), la dirección (fondo tranquilo, un solo color de acento, nada de curvas con rebote, nada de brillos), los estados colocados sobre una cuadrícula de pulsos para que pase algo en cada pulso, las reglas de construcción (un solo archivo, basado en el tiempo, el último fotograma coincide con el primero) y los fallos típicos ya conocidos. Si puedes enumerar los estados, Opus puede animarlos.

Probamos la receta: un teaser de seis segundos

Para comprobar que todo esto se sostiene, montamos la receta básica el 28 de septiembre de 2026 en Claude Code con Opus 5.5: un único archivo HTML con una función seek(t), un script de Playwright que avanza por el tiempo y ffmpeg para la codificación. La pieza es un teaser vertical de seis segundos para nuestra app ficticia Brewline. Una forma oscura nunca se corta: pasa de un punto a una taza de café humeante, a una tarjeta de pedido con una marca de verificación, y vuelve a ser una pequeña píldora con la llamada a la acción.

Renderizó 180 fotogramas (seis segundos a 30 fps, 1080 x 1920) en unos nueve segundos en un MacBook. Lo renderizamos dos veces y los dos archivos MP4 tenían el mismo hash, que es justo la gracia de dibujar solo a partir del tiempo.

Luego hicimos la hoja de contactos de abajo, con dos imágenes fijas por segundo, y la miramos como lo haría un director de animación exigente. Tenía tres problemas reales: el vapor chocaba con el titular "Order ahead" (pide con antelación), el primer segundo y medio era solo un punto quieto, y el botón "Try it" (pruébalo) era demasiado pequeño para leerse en un móvil.

El verdadero secreto: haz que Opus mire sus propios fotogramas

Opus 5.5 puede leer imágenes, lo que significa que puede mirar lo que acaba de hacer. En nuestra experiencia, ese único hábito hace más por la calidad que cualquier formulación ingeniosa en el prompt.

Nuestras tres correcciones costaron una edición y un nuevo render: los titulares subieron y el vapor se acortó, el punto ahora se estira hasta formar una píldora durante el primer momento, y la píldora final se ensanchó con letra más grande. La segunda hoja de contactos muestra los tres problemas corregidos. El mismo código, el mismo render de nueve segundos.

Iterar no es hacer trampa, es el método. La animadora de acuarela Mable Joseph fue refrescantemente sincera: su corto de Opus 5.5 pintado a mano no salió a la primera. En una publicación posterior contó que necesitó un archivo de personaje bien planificado, notas de animación, un diseño de personaje y un prompt de historia.

Una hoja de contactos es una línea de ffmpeg: ffmpeg -i out/final.mp4 -vf "fps=2,scale=270:-1,tile=6x5" -frames:v 1 out/contact.png (una cuadrícula de 6 x 5 cubre 15 segundos a dos imágenes fijas por segundo). Luego pásale a Opus el prompt de crítica de abajo.

Abre out/contact.png y míralo con atención. Sé un director de animación duro, no un autor orgulloso.
Puntúa de 1 a 10: gancho en los primeros 2 segundos, legible en un móvil, calidad del movimiento, variedad (algo nuevo cada 2 a 4 segundos), fiel a la marca, sincronía con el sonido.
Enumera los 3 peores problemas con sus marcas de tiempo. Busca sobre todo texto que se superpone, planos en los que nada se mueve y texto demasiado pequeño para leerse.
Corrígelos, vuelve a renderizar solo esos segundos y enséñame la nueva hoja de contactos y las puntuaciones. Repite hasta que todas las puntuaciones sean 8 o más.

• Su publicación posterior sobre lo que hizo falta de verdad

Haz que el movimiento parezca caro: muelles y sonido

El movimiento barato se desliza de A a B siguiendo una curva fija. El movimiento caro parece tener peso: acelera, se pasa un pelín y se asienta. Eso es un muelle (spring), y puedes escribirlo como una fórmula sencilla del tiempo, así que la imagen sigue dependiendo solo del tiempo y puedes saltar directamente al fotograma 812 sin reproducir los fotogramas 0 a 811.

Cuando algo se mueve a varios puntos seguidos, como un cursor o nuestra forma que se transforma, no reinicies el muelle cada vez. Suma un muelle por cada movimiento, cada uno empezando en su propio momento, y el movimiento se mantiene suave de principio a fin. Puedes pedirlo con palabras normales: "Cambia todo el movimiento a muelles basados en el tiempo, con un pequeño rebote en botones y tarjetas y ninguno en los titulares."

Y luego está el sonido, que es donde empieza a parecer una película de verdad. Tienes dos opciones. Trae una pista y haz que Opus mida sus pulsos con un script corto de Python, y luego alinea cada corte y cada clic con un pulso real. O deja que Opus haga la música y los efectos de sonido con código, en la misma línea de tiempo que la imagen. Nuestro teaser es mudo; un clip de lanzamiento de verdad no debería serlo.

// ¿Dónde está el muelle en el instante t? Empieza en 0 y se asienta en 1.
function spring(t, stiffness = 170, damping = 26) {
  if (t <= 0) return 0;
  const w = Math.sqrt(stiffness);
  const z = damping / (2 * w);
  if (z >= 1) return 1 - Math.exp(-w * t) * (1 + w * t);
  const wd = w * Math.sqrt(1 - z * z);
  return 1 - Math.exp(-z * w * t) * (Math.cos(wd * t) + ((z * w) / wd) * Math.sin(wd * t));
}

// Un valor que se mueve hacia varios destinos: un muelle por movimiento, todos sumados.
function track(t, keys, stiffness, damping) {
  let v = keys[0][1];
  for (let i = 1; i < keys.length; i++)
    v += (keys[i][1] - keys[i - 1][1]) * spring(t - keys[i][0], stiffness, damping);
  return v;
}

A lo grande: la película de toda una noche

El mayor éxito de la semana vino de donald (@donaldjewkes), que contó que habló con su ordenador durante cinco minutos, Claude trabajó 12 horas y él se despertó con un videoclip terminado.

Las ejecuciones largas y sin intervención como esa funcionan porque el encargo se parece menos a la descripción de un vídeo y más a un trabajo entregado a un pequeño estudio. Nosotros agruparíamos el tuyo en cuatro preguntas. ¿Para qué es?: la historia en una frase y cómo debería sentirse la gente al final. ¿Qué puede usar?: tus referencias, las herramientas y claves a las que puede llamar, y un presupuesto. ¿Cómo debe trabajar?: por etapas, con una parada para revisar imágenes fijas y un primer montaje antes del render completo, más el bucle de crítica en cada etapa. ¿Y qué quieres de vuelta?: el vídeo, un fotograma de póster, una hoja de contactos y un código fuente ordenado.

Un giro que vale la pena copiar: algunas de estas películas usaron un modelo de vídeo para planos base aproximados con movimientos complicados, y luego hicieron que Opus lo redibujara todo encima con código. El espectador solo ve la capa limpia dibujada con código, así que toda la película mantiene un único estilo coherente.

Último paso: haz real lo del prompt único

Cuando tu configuración funcione, empaquétala como una skill de Claude Code: un archivo corto de instrucciones que enumera qué pedir (producto, duración, formatos, colores, una referencia, música), el proceso paso a paso y tus reglas estrictas, como usar solo pantallas reales del producto y nada de temporizadores ni números aleatorios en el modo de render.

A partir de ahí, tu siguiente vídeo de verdad es una sola línea, algo como "/motion-reel para brewline.example, 20 segundos, vertical, usa ./refs/frame.png como estilo". Ese es el prompt único del que todo el mundo hablaba. Solo hizo falta un poco de preparación para ganárselo.