Videos Motion Graphics 3D en Claude Code (Opus 5.5): De 0 a Estudio.

Todo el mundo en X está compartiendo videos de lanzamiento brutales diciendo que salieron con «un solo prompt» en Claude Code. Lo puse a prueba construyendo mi propio estudio desde cero con Opus 5.5 y la realidad es otra: el prompt es apenas el 10 %; el 90 % restante es el estudio de dirección que le montas alrededor.

Puedes ver la clase completa en YouTube (10:19 · 2K) y descargar todos los archivos reales en la guía interactiva MOTION o directamente en el paquete .zip completo.

Por qué el código puro (window.seek(t)) le gana a cualquier librería

Cuando le pides un video a Opus 5.5 sin atarlo a librerías externas como Remotion o HyperFrames, el modelo escribe un único index.html con una función matemática pura del tiempo: window.seek(t).

• Cero dependencias y control total: cada cuadro depende únicamente del segundo exacto t, usando resortes en forma cerrada (track(t)) y ruido con semilla fija (mulberry32).
• Captura determinista: Playwright abre Chromium sin ventana, mueve el reloj cuadro a cuadro, espera a que la tarjeta gráfica termine de pintar y FFmpeg empaqueta todo en MP4 (H.264 yuv420p · CRF 16) con música y efectos sintetizados a -14 LUFS.

Las 6 pruebas reales del video

En el video pasamos por seis pruebas progresivas, todas incluidas con su código y sus prompts listos para copiar en la guía /motion:

1. Prueba 1 (Prompt en crudo sin reglas): una app de domicilios básica y plana. Sirve para demostrar por qué un prompt suelto nunca da calidad de agencia.
2. Prueba 2 (CLAUDE.md + hoja de contacto contact.png): instalamos las 4 leyes del estudio (contrato window.seek(t), prohibición de clichés de IA, sonido a -14 LUFS y bucle de autocrítica sobre contact.png hasta superar nota 8/10).
3. Prueba 3 (Showreel de 15 segundos a 60 fps): 900 cuadros sin un solo keyframe, donde descubrimos la «paleta de fábrica» de Claude (#141413, #FAF9F5, #D97757).
4. Prueba 4 (Ingeniería inversa con whatships.com + yt-dlp + ffmpeg): extraemos guia-de-estilo.md y lista-de-planos.md de un referente real antes de escribir código.
5. Prueba 5 (Marca real con Playwright en 5 actos): el agente entra a notion.com, captura la interfaz real, extrae colores y tipografías en sistema-de-marca.md y arma una pieza comercial en 16:9 y 9:16.
6. Prueba 6 (El Prompt Maestro en XML): estructuramos <entradas>, <direccion>, <estructura> y <construccion> para que un único contenedor nunca corte, guiado por el cursor al ritmo de 120 BPM, y editamos una palabra en 3 segundos con --from 2 --to 4.

Cómo bajar el costo de US$ 13.04 a US$ 2.40 (-80 % de tokens)

El error más caro al hacer video con agentes es dejar que Opus lea cientos de cuadros PNG sueltos en cada ronda de corrección:

Haiku 5.5 (40 veces más barato) explora la web con Playwright y resume referencias; Opus 5.5 escribe el código y audita una sola hoja de contacto (contact.png) por ronda; y el motor solo re-renderiza los segundos que cambiaron (--from / --to).

Si además eres estudiante o estás aprendiendo nuevas tecnologías, prueba gratis mi app de estudio con IA: Lumia AI (lumia-ai.co).

← Todos los videos