YouMind
Iniciar sesión

Ingeniería de movimiento: un bot, cinco departamentos y un estudio completo

@0xjmori
INGLÉS18 oct 2026
400K
256
24
30
782

TL;DR

Esta guía detalla cómo configurar Claude Opus 5.5 como un estudio integral de diseño de movimiento. Describe un flujo de trabajo de cinco departamentos (Director, Director de Arte, Animador, Ingeniero de Renderizado y Crítico) utilizando Remotion y FFmpeg para producir videos de producto de alta calidad y editables.

Cómo convertir a Claude Opus 5.5 en un equipo de producción de motion graphics que dirige, anima, renderiza, revisa y entrega videos profesionales.

La mayoría de la gente cree que hacer videos con IA significa escribir un prompt y esperar el resultado.

Con Opus 5.5, la posibilidad más interesante es construir todo un estudio de producción alrededor de un solo agente.

Piensa en lo que normalmente ocurre cuando una startup necesita un video para el lanzamiento de un producto. Alguien redacta el brief creativo. Un diseñador define la dirección visual. Un motion designer anima la interfaz. Un editor de video se encarga del ritmo y el sonido. Otra persona revisa el resultado, pide cambios y prepara las exportaciones finales.

Esa es toda una cadena de producción para un video de 20 segundos.

Ahora imagina darle a un solo agente de Claude esas mismas responsabilidades, con un proceso claro para manejar cada etapa.

El agente estudia tus referencias, planifica la película, escribe el código de animación, renderiza vistas previas, detecta sus propios errores y corrige el resultado. Tú apruebas las decisiones creativas importantes en lugar de construir cada escena manualmente.

Esa es la oportunidad detrás de Motion Engineering.

Claude Opus 5.5 hace que este flujo de trabajo sea interesante porque combina programación, comprensión visual y tareas agénticas de larga duración. Pero lo más importante no es solo el modelo. Es el sistema de producción que construyes a su alrededor.

https://x.com/claudeai/status/2102435511222890900

Esto es lo que lo diferencia de la generación de video con IA convencional:

Claude no tiene que generar los píxeles finales directamente. Puede escribir el software que los produce.

El modelo escribe código de animación. Un renderizador convierte ese código en fotogramas. Un proceso de revisión identifica defectos. El agente modifica el código fuente y vuelve a renderizar.

Eso significa que el primer video puede convertirse en la base del siguiente.

En esta guía te mostraré cómo construir un estudio de motion graphics con un solo agente, cinco departamentos de producción, componentes reutilizables, puntos de aprobación creativa y un flujo de trabajo que genera videos editables e inspeccionables.

El objetivo no es reemplazar todas las decisiones creativas humanas. Es dejar de hacer manualmente lo que un agente bien configurado ya puede resolver.

djnI Publico análisis prácticos sobre agentes de IA, automatización y flujos de trabajo de producción en Substack.

PARTE 1. EL ESTUDIO DE UN SOLO BOT

01. Un agente, cinco departamentos de producción

Un estudio tradicional divide el trabajo entre especialistas porque cada etapa requiere un tipo distinto de criterio.

Un director piensa en la historia. Un director de arte piensa en la composición. Un animador piensa en el movimiento. Un artista técnico piensa en el renderizado. Un crítico decide si el resultado cumple con el brief.

Un solo agente de Opus 5.5 puede asumir los cinco roles de forma secuencial.

Pero esto solo funciona si las responsabilidades se mantienen separadas.

Pedirle a Claude que dirija, diseñe, anime, renderice y juzgue todo en un único paso sin estructura es la receta perfecta para obtener una demo impresionante que se desmorona al inspeccionarla.

En cambio, organiza al agente en cinco departamentos:

text
1DEPARTAMENTO RESPONSABILIDAD ENTREGABLE
2────────────────────────────────────────────────────────
3DIRECTOR Historia y storyboard BRIEF.md
4DIRECTOR DE ARTE Dirección visual STYLE.md
5ANIMADOR Movimiento y timing Código fuente
6INGENIERO DE RENDER Renderizado y exportación MP4 + vistas previas
7CRÍTICO Control de calidad visual Informe de revisión

No necesariamente son cinco agentes independientes. Son cinco etapas con instrucciones, archivos y criterios de aceptación distintos dentro de un mismo flujo de trabajo coordinado.

El Director decide qué comunica la película antes de que el Animador toque el código. El Director de Arte define las reglas visuales antes de que Claude empiece a inventar colores y transiciones. El Crítico evalúa el resultado renderizado en lugar de confiar en la descripción del Animador sobre lo que creó.

El proceso se ve así:

text
1 TU BRIEF
2 |
3 v
4 CLAUDE OPUS 5.5
5 |
6 v
7 DIRECTOR
8 Historia + Guion
9 |
10 v
11 DIRECTOR DE ARTE
12 Referencias + Diseño
13 |
14 v
15 ANIMADOR
16 Código + Movimiento
17 |
18 v
19 INGENIERO DE RENDER
20 Fotogramas + Exportaciones
21 |
22 v
23 CRÍTICO
24 Revisión + Corrección
25 |
26 v
27 PELÍCULA FINAL
Mori - inline image

La secuencia importa porque la mayoría de los fallos visuales comienzan antes del renderizado.

Si la historia no es clara, una mejor animación no la va a salvar. Si la dirección visual es genérica, agregar más efectos solo hará que se note aún más lo genérica que es. Si el storyboard está mal, una animación técnicamente perfecta puede no comunicar nada.

La primera tarea es construir el proceso que evita esos errores.

02. Por qué los videos virales de "un solo intento" no son realmente magia

Seguro has visto esos videos.

Alguien publica una animación que parece salida de una agencia creativa profesional y luego dice que Claude hizo todo con un solo prompt.

Es posible que el resultado realmente haya salido de una ejecución autónoma larga. Pero eso no significa que el proceso empezó con una sola frase.

Thariq, del equipo de Claude Code, destacó esta distinción al hablar de una de esas demostraciones virales.

https://x.com/trq212/status/2102870353781641416

Ese es el detalle al que vale la pena prestar atención.

Un buen prompt puede contener un brief creativo completo, material de referencia, una lista de planos, restricciones técnicas, requisitos de assets y reglas para verificar el resultado final.

Mori - inline image

Un agente de programación también puede heredar un proyecto existente, un sistema de diseño, componentes y un pipeline de renderizado.

Lo que parece un intento único suele ser la punta visible de una configuración mucho más grande.

Y esa es una buena noticia.

Significa que no necesitas descubrir una combinación mágica de adjetivos. Necesitas un entorno de producción capaz de reproducir buenas decisiones.

Considera dos enfoques para la misma solicitud.

El primero le pide a Claude que "haga una animación premium para el lanzamiento de un producto". El modelo tiene que decidir qué hace el producto, cómo debe verse el video, qué transiciones usar, cuándo debe leer el titular el espectador y qué constituye un resultado exitoso.

El segundo proporciona assets reales del producto, una película de referencia, reglas de diseño, un storyboard, una línea de tiempo y criterios de revisión.

Ambos pueden involucrar un solo agente y una ejecución de producción principal. Pero el segundo tiene muchas más probabilidades de generar algo útil porque deja menos decisiones críticas al azar.

Un prompt crea un video. Un estudio crea una forma repetible de hacer videos.

PARTE 2. CONSTRUYE EL ESTUDIO

03. Instala el entorno de producción

Para esta configuración usaremos Claude Code como agente, Remotion como framework de video y FFmpeg para inspeccionar y procesar medios.

Claude Code se encarga de las tareas creativas y de programación. Remotion hace que la película sea controlable mediante componentes de React y animación basada en fotogramas. FFmpeg ayuda a analizar referencias, inspeccionar resultados y preparar assets de apoyo.

Instala Node.js, Claude Code y FFmpeg antes de empezar.

Crea un proyecto limpio de Remotion:

bash
1npx create-video@latest --yes --blank motion-studio
2
3cd motion-studio
4
5npx remotion skills add
6
7npm run dev
Mori - inline image

El instalador de Remotion Skills proporciona guías de implementación que los agentes de programación pueden usar mientras trabajan con el framework.

Abre otra terminal dentro del directorio motion-studio e inicia Claude Code. Selecciona Opus 5.5 si está disponible en tu entorno.

Ahora organiza el espacio de trabajo:

text
1motion-studio/
2│
3├── CLAUDE.md
4├── BRIEF.md
5├── STYLE.md
6├── STORYBOARD.md
7│
8├── public/
9│ ├── logos/
10│ ├── screenshots/
11│ ├── fonts/
12│ └── audio/
13│
14├── src/
15│ ├── compositions/
16│ ├── components/
17│ ├── animation/
18│ └── Root.tsx
19│
20├── reviews/
21│ ├── frames/
22│ ├── contact-sheets/
23│ └── findings.md
24│
25└── out/
26 ├── previews/
27 └── final/

Este es el espacio de trabajo del estudio.

CLAUDE.md contiene las reglas que aplican a cada producción. BRIEF.md describe la película actual. STYLE.md captura la dirección visual. STORYBOARD.md define la secuencia de planos y los eventos importantes.

El código fuente y los assets aprobados están separados de los archivos de revisión.

Esa separación cobra valor cuando un proyecto dura varias horas o se retoma en otra sesión. Claude debería poder inspeccionar el espacio de trabajo y entender qué ya fue aprobado, qué escenas existen, qué falló en la revisión y qué aún falta por renderizar.

Sin esta estructura, las decisiones importantes pueden quedar atrapadas dentro de un chat.

Un estudio debería poder retomarse desde sus archivos, no depender de que una conversación se mantenga perfectamente intacta.

04. Dale al Bot un manual de operaciones permanente

La mayoría de la gente le da a Claude un nuevo conjunto de instrucciones cada vez que hace un video.

Eso genera inconsistencia.

Un proyecto usa animaciones de resorte ajustadas. El siguiente introduce rebotes excesivos. El tercero cambia todas las fuentes, colores y transiciones porque el modelo no tiene reglas visuales permanentes.

En cambio, guarda los estándares de producción del estudio en CLAUDE.md.

Prompt 1. Crea el Manual del Estudio

text
1Crea CLAUDE.md para nuestro estudio de motion graphics.
2
3Eres el agente de producción responsable
4de dirigir, diseñar, animar,
5renderizar y revisar películas hechas con código.
6
7REGLAS DE OPERACIÓN
8
91. Nunca comiences la implementación antes
10 de crear un storyboard.
11
122. Usa solo los assets del producto aprobados.
13
143. Nunca inventes interfaces, métricas, testimonios
15 ni capacidades del producto.
16
174. Cada animación debe estar impulsada por
18 el número de fotograma o un tiempo determinista.
19
205. Usa una única dirección visual principal
21 en toda la película.
22
236. No animes elementos sin
24 un propósito comunicativo claro.
25
267. Renderiza fotogramas representativos antes
27 de producir el video completo.
28
298. Revisa el resultado renderizado,
30 no solo el código fuente.
31
329. Corrige los defectos de forma local cuando sea posible.
33
3410. Conserva todos los archivos fuente editables.
35
36RESTRICCIONES CREATIVAS
37
38Evita:
39- Fondos con degradados genéricos
40- Rebotes excesivos
41- Partículas brillantes
42- Texto ilegible
43- Dashboards de producto falsos
44- Movimientos de cámara sin propósito
45
46REGLA DE PRODUCCIÓN
47
48Una película no está terminada porque
49exista el MP4.
50
51Está terminada cuando se cumplen el brief aprobado
52y los requisitos de verificación.

Este archivo se convierte en la línea base del estudio.

No significa que todas las películas deban verse idénticas. Significa que los errores de producción recurrentes no tienen que redescubrirse desde cero.

Cuando Claude cometa repetidamente el mismo error visual, mejora el manual de operaciones. La siguiente película heredará la corrección.

También puedes almacenar componentes de animación compartidos, tokens de tipografía, dimensiones de áreas seguras, configuraciones de exportación preferidas y otras decisiones de producción reutilizables dentro del proyecto.

Cuanto más aprenda tu estudio del trabajo terminado, menos tiempo necesitará el siguiente proyecto para redescubrir lo básico.

05. Haz que el Director escriba un brief

Vamos a construir algo concreto.

Imagina que estás lanzando un producto SaaS que convierte un tablero de proyectos caótico en un plan de sprint organizado.

Quieres una película de producto de 20 segundos que muestre una transformación: un tablero de tareas desordenado que se convierte en una lista clara de prioridades.

La audiencia debe entender el valor sin necesidad de voz en off.

En lugar de pedirle a Claude que haga un video genial, dale al Director una asignación de producción.

Prompt 2. Asignación del Director

text
1Eres el Director de nuestro estudio de motion graphics.
2
3PROYECTO
4
5Película de lanzamiento para una app de productividad.
6
7MENSAJE PRINCIPAL
8
9Convertir un tablero de proyectos desordenado en
10un plan de sprint claro.
11
12AUDIENCIA
13
14Fundadores, equipos de producto y desarrolladores.
15
16DURACIÓN
17
1820 segundos.
19
20FORMATOS
21
22Master 16:9
23Versión social 9:16
24Versión cuadrada 1:1
25
26ASSETS
27
28Usa las capturas de pantalla, el logo y las fuentes
29proporcionados en public/.
30
31No crees pantallas de producto ficticias.
32
33TU TRABAJO
34
351. Inspecciona todos los assets disponibles.
362. Identifica la información faltante.
373. Escribe BRIEF.md.
384. Define la idea visual central.
395. Crea la estructura narrativa de la película.
406. Explica por qué existe cada escena.
41
42Aún no escribas código de animación.
43
44Devuelve la dirección creativa
45y espera aprobación.
Mori - inline image

El Director debe decidir qué necesita entender el espectador en cada etapa, no llenar la película de movimiento solo por llenarla.

La primera escena podría mostrar un tablero de tareas desordenado. La siguiente presenta la acción que lo organiza. La escena final se detiene en el plan de sprint resultante.

La relación visual importante es el antes y el después.

Todo lo demás debe apoyarla.

Antes de aprobar el brief, verifica que el producto realmente tenga la función que estás ilustrando, que las capturas de pantalla proporcionadas la demuestren y que la historia propuesta pueda entenderse sin una cantidad excesiva de texto explicativo.

Si falta una pantalla esencial del producto, el agente debe pedirla en lugar de dibujar una falsa pero convincente.

Esa única regla evita una cantidad sorprendente de películas de producto generadas por IA que terminan siendo inutilizables.

06. Convierte la referencia en una identidad visual

Una razón importante por la que los videos hechos con IA se ven similares es que el modelo inventa toda la dirección visual a partir de descripciones vagas.

"Premium, minimalista, cinematográfico y futurista" no le dice mucho al modelo.

Un mejor enfoque es proporcionar dos o tres referencias y asignarle a cada una un propósito específico.

Una referencia puede definir la tipografía. Otra puede demostrar una transición. Una tercera puede mostrar el ritmo o la composición.

Pídele al Director de Arte que extraiga principios de diseño útiles sin copiar el trabajo creativo original.

Prompt 3. Dirección de Arte

text
1Actúa como Director de Arte.
2
3Inspecciona las imágenes y videos de referencia
4en la carpeta references.
5
6Extrae:
7
8TIPOGRAFÍA
9
10Carácter de la fuente
11Jerarquía de pesos
12Escala de titulares
13
14COMPOSICIÓN
15
16Márgenes
17Espaciado
18Jerarquía visual
19Punto focal
20
21COLOR
22
23Fondo
24Texto principal
25Acento
26Reglas de contraste
27
28MOVIMIENTO
29
30Timing de entrada
31Comportamiento de asentamiento
32Movimiento de cámara
33Pausas de lectura
34
35TEXTURA
36
37Grano
38Sombras
39Bordes
40Tratamiento de superficies
41
42Guarda las decisiones de diseño aprobadas en STYLE.md.
43
44No copies composiciones exactas,
45ilustraciones ni branding.
46
47Crea una dirección visual distintiva
48para nuestro producto.
49
50Muestra la propuesta de estilo antes de construir.

Este es el punto donde Claude deja de adivinar qué significa "premium".

Mori - inline image

Cuando el Animador empieza a trabajar, no necesita decidir si las tarjetas deben brillar, si el titular debe rebotar o si cada escena necesita otro degradado.

Esas decisiones ya se tomaron.

Una buena guía de estilo no solo describe cómo debe verse la película. También define lo que la película debe evitar.

Si las referencias usan tipografía sobria y movimientos de cámara lentos, el modelo no debería introducir interfaces giratorias y explosiones de partículas solo porque son comunes en las demos generadas por IA.

Quieres que el agente entienda el lenguaje de diseño, no que copie los sujetos originales.

Para transiciones importantes, pídele a Claude que extraiga fotogramas de la referencia con FFmpeg, inspeccione el timing y registre los hallazgos en STYLE.md.

Eso produce algo mucho más útil que decirle al modelo que "lo haga como Apple".

PARTE 3. EL ANIMADOR Y EL MOTOR DE RENDERIZADO

07. Convierte la historia en una línea de tiempo editable

Una vez aprobados el brief y el estilo, el Animador necesita una lista de planos.

Para nuestra película de 20 segundos, definamos cinco escenas.

text
1ESCENA 01: EL PROBLEMA
200:00 - 00:03
3
4Entra un tablero de tareas desordenado.
5La composición comunica saturación.
6
7ESCENA 02: LA ACCIÓN
800:03 - 00:07
9
10El cursor selecciona la función de organización.
11La interfaz responde de forma visible.
12
13ESCENA 03: LA TRANSFORMACIÓN
1400:07 - 00:11
15
16Las tareas se reorganizan en prioridades claras.
17Una relación visual continua.
18
19ESCENA 04: EL RESULTADO
2000:11 - 00:16
21
22El plan de sprint organizado se asienta.
23Mantén el plano el tiempo suficiente para entenderlo.
24
25ESCENA 05: EL CIERRE
2600:16 - 00:20
27
28Nombre del producto, logo y llamado a la acción.
29Un fotograma final contundente.

Ahora el modelo puede diseñar el movimiento entre estados conocidos.

Mori - inline image

No necesita inventar de qué trata la película mientras simultáneamente escribe código de animación.

Un principio útil es que el estado final de una escena debe indicarle al Animador cómo comienza la siguiente.

Si el tablero de tareas termina centrado al 80% de escala, el siguiente plano debe conservar esa posición o alejarse de ella de forma deliberada.

Los saltos aleatorios entre composiciones sin relación hacen que un video parezca una colección de diapositivas generadas por IA.

La continuidad hace que parezca dirigido.

Para un control más técnico, convierte los tiempos en números de fotograma.

A 30 fotogramas por segundo, una película de 20 segundos contiene 600 fotogramas, numerados del 0 al 599.

Eso le da al agente ubicaciones exactas para los eventos principales.

El cursor puede llegar al botón en el fotograma 180. El clic puede registrarse en el fotograma 195. El resultado puede aparecer en el fotograma 210.

Si algo ocurre demasiado pronto, cambias su fotograma de evento.

Si una transición avanza muy rápido, cambias su duración.

No necesitas regenerar un video completamente distinto y esperar que el timing mejore.

08. El modelo escribe código de animación, no el video final

Esta es la diferencia técnica que hace posible el estudio.

Con Remotion, Claude puede escribir componentes de React cuya apariencia depende del fotograma actual.

El renderizador evalúa esos componentes a lo largo del tiempo y produce el video real.

Una animación de entrada sencilla podría verse así:

typescript
1import {
2 useCurrentFrame,
3 useVideoConfig,
4 spring,
5 interpolate,
6} from "remotion";
7
8export const ProductCard = () => {
9 const frame = useCurrentFrame();
10 const { fps } = useVideoConfig();
11
12 const progress = spring({
13 frame,
14 fps,
15 config: {
16 damping: 200,
17 },
18 });
19
20 const y = interpolate(
21 progress,
22 [0, 1],
23 [60, 0]
24 );
25
26 const scale = interpolate(
27 progress,
28 [0, 1],
29 [0.94, 1]
30 );
31
32 return (
33 <div
34 style={{
35 transform:
36 `translateY(${y}px) scale(${scale})`,
37 }}
38 >
39 Interfaz del Producto
40 </div>
41 );
42};

Este componente tiene algo que un video generado de una sola vez no ofrece de forma natural: parámetros controlables.

Puedes cambiar la distancia de recorrido, el timing de entrada, el comportamiento de suavizado o la escala sin solicitar un clip completamente nuevo.

Si la tarjeta se mueve demasiado lejos, reduce la distancia.

Si se asienta muy lento, ajusta el resorte.

Si el titular aparece demasiado pronto, mueve su entrada más adelante en la línea de tiempo.

El código fuente sigue siendo editable.

Esa es la ventaja del motion hecho con código para películas de producto, animaciones de UI, videos explicativos y contenido basado en tipografía.

No es automáticamente mejor para escenas fotorrealistas, personajes complejos o movimientos cinematográficos orgánicos. Esos casos quizás sigan necesitando metraje, herramientas 3D o video generativo.

El punto es elegir un método de producción que te dé control sobre el trabajo que realmente estás haciendo.

Y para las películas de producto, el control suele ser más valioso que la imprevisibilidad.

09. Dale al Ingeniero de Render requisitos exactos

Renderizar es una responsabilidad distinta a diseñar.

El Animador construye la película. El Ingeniero de Render confirma que la composición realmente puede exportarse a la resolución y velocidad de fotogramas requeridas.

Para la primera pasada, no renderices los 600 fotogramas con calidad final.

Primero renderiza imágenes fijas representativas.

Prompt 4. Asignación de Renderizado

text
1Actúa como Ingeniero de Render.
2
3Lee BRIEF.md, STYLE.md
4y STORYBOARD.md.
5
6Inspecciona la composición existente.
7
8Antes del renderizado final:
9
101. Confirma la resolución de la composición.
112. Confirma la velocidad de fotogramas y la duración.
123. Verifica que carguen todas las fuentes.
134. Verifica que existan todos los assets del producto.
145. Renderiza fotogramas fijos representativos.
156. Renderiza una vista previa de movimiento de bajo costo.
167. Reporta errores de ejecución.
17
18No modifiques la dirección creativa.
19
20No renderices los entregables finales hasta que
21la vista previa pase la revisión.

Con Remotion, puedes renderizar fotogramas seleccionados directamente.

bash
1mkdir -p out/previews
2
3npx remotion still Launch \
4 out/previews/opening.png --frame=30
5
6npx remotion still Launch \
7 out/previews/action.png --frame=150
8
9npx remotion still Launch \
10 out/previews/result.png --frame=390
11
12npx remotion still Launch \
13 out/previews/closing.png --frame=570
Mori - inline image

Aquí, Launch es el ID de composición de nuestro proyecto de ejemplo. Reemplázalo con el ID configurado en tu propio proyecto de Remotion.

Estas cuatro imágenes fijas deberían contar la historia principal incluso antes de que inspecciones el movimiento.

Si la apertura se ve genérica, el producto es ilegible o el cierre tiene mala jerarquía, es mejor arreglar esos problemas ahora que después de exportar toda la película.

Para una vista previa de movimiento enfocada, renderiza solo el intervalo alrededor de la interacción.

bash
1npx remotion render Launch \
2 out/previews/interaction.mp4 \
3 --frames=90-330 \
4 --codec=h264

Ahora el agente tiene un artefacto de video real para inspeccionar.

No solo una descripción de lo que pretendía hacer.

Esta distinción importa porque el código fuente puede verse correcto mientras el resultado se ve terrible.

La única forma confiable de juzgar la animación es inspeccionar lo que realmente produjo el renderizador.

PARTE 4. EL CRÍTICO ES LO QUE LO CONVIERTE EN UN ESTUDIO

10. No dejes que el Animador apruebe su propio trabajo

Este es el departamento que la mayoría olvida.

El modelo escribe código, el video se renderiza con éxito y el agente anuncia que todo está listo.

Pero un renderizado exitoso solo demuestra que el archivo existe.

No demuestra que el video sea bueno.

Quizás el cursor cubre el titular. Quizás una tarjeta se asienta demasiado tarde. Quizás el producto es imposible de leer en un celular. Quizás la transición funciona técnicamente pero se ve barata.

Un estudio profesional no lanza un proyecto solo porque el software exportó un MP4.

Revisa el resultado.

Dale a Claude una etapa de crítica separada, idealmente en un contexto nuevo con el brief original y los fotogramas renderizados.

Eso reduce la probabilidad de que la revisión simplemente defienda las decisiones tomadas durante la producción.

Prompt 5. Crítica de Motion Independiente

text
1Eres el Crítico.
2
3No diseñaste ni animaste esta película.
4
5Revisa la hoja de contactos,
6los fotogramas fijos y la vista previa de video proporcionados.
7
8Califica del 1 al 10:
9
10- Composición visual
11- Tipografía
12- Legibilidad del producto
13- Calidad del movimiento
14- Timing
15- Continuidad
16- Consistencia de marca
17
18Encuentra los tres problemas más importantes.
19
20Por cada problema, proporciona:
21
22FOTOGRAMA O MARCA DE TIEMPO
23Dónde ocurre.
24
25OBSERVACIÓN
26Qué está visiblemente mal.
27
28POR QUÉ IMPORTA
29Cómo perjudica a la película.
30
31LA CORRECCIÓN ÚTIL MÁS PEQUEÑA
32Qué debería cambiar.
33
34CONSERVAR
35Qué debe permanecer sin cambios.
36
37No apruebes basándote en
38la descripción del Animador.
39
40Guarda el informe como reviews/findings.md.

Ahora la revisión produce algo sobre lo que el Animador puede actuar.

En lugar de "haz que el video se sienta más profesional", el Crítico puede reportar:

text
1DEFECTO 01
2
3FOTOGRAma:
4210
5
6PROBLEMA:
7El cursor cruza la etiqueta del resultado.
8
9CAUSA:
10La salida del cursor se superpone con la aparición del resultado.
11
12SOLUCIÓN:
13Alejar el cursor antes de que la etiqueta
14se vuelva visible.
15
16CONSERVAR:
17Tiempo del clic
18Dimensiones de la tarjeta
19Animación del resultado
20
21REVISAR:
22Fotogramas 195, 210, 225 y 240
Mori - inline image

Animación del resultado

REVISAR:

Fotogramas 195, 210, 225 y 240

Esto convierte los comentarios subjetivos en trabajo de ingeniería.

El Crítico identifica el problema. El Animador lo corrige. El Ingeniero de Renderizado vuelve a exportar los fotogramas afectados.

No hace falta regenerar todo el video.

Para un trabajo de producción serio, el Crítico debería inspeccionar tanto los fotogramas fijos como la vista previa en movimiento.

Las imágenes fijas revelan defectos de composición. El video revela un ritmo deficiente, transiciones incómodas, movimientos poco naturales y problemas de sincronización.

Ninguno reemplaza por completo al otro.

11. Construye un bucle de corrección que sepa cuándo detenerse

El bucle de producción más útil es simple.

text
1 ANIMAR
2 |
3 v
4 RENDERIZAR VISTA PREVIA
5 |
6 v
7 REVISIÓN DEL CRÍTICO
8 |
9 +--------+--------+
10 | |
11 APROBADO RECHAZADO
12 | |
13 v v
14 ENTREGA HALLAZGOS ESPECÍFICOS
15 |
16 v
17 REPARACIÓN LOCAL
18 |
19 v
20 VOLVER A RENDERIZAR
21 |
22 +----> REVISIÓN

La palabra clave es local.

Un defecto en el fotograma 210 no debería obligar a reescribir todo el storyboard, a menos que el concepto creativo subyacente esté roto.

Si un titular se corta mal, ajusta su ancho o el tamaño de la fuente.

Si un cursor se superpone a un resultado, cambia la trayectoria del cursor.

Si una escena termina de forma muy abrupta, modifica su duración o su transición.

El agente debe conservar el trabajo aprobado mientras repara la parte fallida.

Ponle límites al bucle.

Prompt 6. Política de reparación

text
1Crea un proceso de reparación para las revisiones rechazadas.
2
3Por cada defecto:
4
51. Lee la evidencia del Crítico.
62. Identifica el cambio mínimo necesario.
73. Conserva las decisiones aprobadas.
84. Corrige el código fuente afectado.
95. Renderiza los fotogramas afectados.
106. Inspecciona los límites de las escenas adyacentes.
117. Devuelve la nueva evidencia.
12
13Máximo:
14Dos rondas de reparación por defecto.
15
16Si el mismo problema sigue sin resolverse
17después de dos rondas:
18
19Detente.
20Explica el bloqueo.
21Solicita instrucciones humanas.
22
23Nunca elimines los requisitos de verificación
24solo para aprobar la revisión.

Explica el bloqueo.

Solicita instrucciones humanas.

Nunca elimines los requisitos de verificación

solo para aprobar la revisión.

Esto le permite al agente mejorar su propio resultado sin perderse en un ciclo interminable de revisiones.

Un estudio necesita la capacidad de iterar.

También necesita un presupuesto y una regla de parada.

La diferencia entre una autonomía útil y una experimentación descontrolada es si el sistema sabe cómo luce el éxito, qué evidencia necesita y cuándo pedir ayuda.

PARTE 5. DE UN VIDEO A UN ESTUDIO REAL

12. Un renderizado no es un entregable

Una startup rara vez necesita un solo archivo de video.

El mismo lanzamiento de producto puede requerir una versión horizontal para el sitio web, una cuadrada para X y una vertical para Reels o Shorts.

Simplemente recortar el original puede arruinar la composición.

Una escena horizontal podría mostrar el producto y el titular uno al lado del otro.

Una escena vertical quizás necesite mostrar primero el titular y luego dejar que la interfaz llene la pantalla.

La narrativa se mantiene igual, pero la composición cambia.

text
1 UNA PELÍCULA
2 |
3 +-------------+-------------+
4 | | |
5 v v v
6 16:9 1:1 9:16
7 | | |
8 v v v
9 SITIO WEB X / SOCIAL REELS
10 YOUTUBE POST CUADRADO SHORTS
11
12 Contexto Composición Jerarquía
13 más amplio equilibrada vertical

Pídele al agente que cree composiciones responsivas separadas o diseños de escena específicos para cada formato a partir de los mismos recursos originales y la historia aprobada.

No asumas que un renderizado horizontal exitoso significa que la versión vertical es aceptable.

Cada formato necesita sus propias imágenes fijas y su propia revisión.

Un paquete de entrega pulido debería incluir más de tres archivos MP4. Debería contener los videos finales, los fotogramas de póster, el código fuente editable, los recursos aprobados y una nota breve sobre cualquier limitación pendiente.

Eso hace que el resultado sea útil para un lanzamiento real, en lugar de dejar al cliente con una sola exportación y sin una forma práctica de modificarla.

13. Conserva el estudio, cambia el proyecto

Aquí es donde un Bot empieza a convertirse en un verdadero sistema de producción.

La mayoría de la gente termina un video, cierra el chat y empieza desde cero la próxima vez.

Un estudio conserva las partes importantes.

Las reglas de estilo, los componentes reutilizables, los métodos de animación, la lista de verificación de revisión, los comandos de renderizado y la estructura de salida deben sobrevivir.

Solo tienen que cambiar los insumos específicos del proyecto.

text
1PRIMER VIDEO
2
3Brief A
4 |
5 v
6Pipeline del Estudio
7 |
8 v
9Película A
10
11SEGUNDO VIDEO
12
13Brief B
14 |
15 v
16MISMO Pipeline del Estudio
17 |
18 v
19Película B
20
21TERCER VIDEO
22
23Brief C
24 |
25 v
26Pipeline del Estudio MEJORADO
27 |
28 v
29Película C
Mori - inline image

Imagina que el Crítico identifica repetidamente el mismo problema: los titulares desaparecen antes de que los espectadores terminen de leerlos.

Podrías corregir cada video manualmente.

O podrías actualizar las reglas del estudio para exigir pausas de lectura explícitas y probarlas durante la revisión.

Ahora cada película nueva hereda esa corrección.

Lo mismo aplica para capturas de pantalla de productos que se vuelven ilegibles en las exportaciones verticales, transiciones que ocultan información esencial o animaciones de cursor que chocan con las etiquetas de la interfaz.

Cada error recurrente puede convertirse en una regla, un componente reutilizable o una nueva verificación de revisión.

Esta es la ventaja de conservar el proceso de producción en lugar de conservar únicamente la exportación final.

La siguiente película seguirá necesitando dirección creativa. Pero no debería requerir reconstruir todo el estudio desde cero.

14. Convierte el proceso en un Skill reutilizable

Una vez que el primer proyecto haya pasado la revisión, guarda el procedimiento de trabajo del estudio como un Skill de Claude Code.

El Skill no debe contener el nombre del producto, las capturas de pantalla ni los textos del lanzamiento específico.

Debe describir el método de producción.

Prompt 7. Crear el Skill del Estudio

text
1Crea un Skill reutilizable llamado motion-studio.
2
3PROPÓSITO
4
5Convertir un brief creativo aprobado en
6un video profesional renderizado con código.
7
8FLUJO DE TRABAJO
9
10DIRECTOR
11Analizar la solicitud.
12Escribir el brief y el storyboard.
13
14DIRECTOR DE ARTE
15Inspeccionar referencias.
16Definir una dirección visual coherente.
17
18ANIMADOR
19Construir movimiento editable basado en fotogramas.
20
21INGENIERO DE RENDERIZADO
22Renderizar imágenes fijas y vistas previas.
23Validar los resultados técnicos.
24
25CRÍTICO
26Inspeccionar los renderizados reales.
27Devolver correcciones basadas en evidencia.
28
29ENTREGA
30Exportar los formatos aprobados.
31Proporcionar código fuente y notas de producción.
32
33REGLAS
34
35- No inventar recursos del producto.
36- No saltarse las puertas de aprobación creativa.
37- No aprobar resultados sin inspeccionar.
38- Mantener las correcciones locales.
39- Limitar los intentos de reparación repetidos.
40- Guardar cada artefacto importante.
41
42RESULTADO
43
44Videos finales
45Fotogramas de póster
46Hojas de contacto
47Código fuente editable
48Informe de revisión

Ahora la siguiente tarea se vuelve mucho más pequeña.

Tú proporcionas el producto, la audiencia, las referencias visuales y el resultado deseado.

El Skill proporciona el procedimiento.

El agente no necesita reconstruir todo el flujo de trabajo de producción a partir del historial del chat.

Aquí también es donde la economía del proceso empieza a cambiar.

La primera película puede requerir mucha configuración y experimentación.

La segunda puede reutilizar la arquitectura de escenas, los componentes de movimiento, los comandos de renderizado y el proceso de control de calidad visual.

La tercera puede beneficiarse de las correcciones descubiertas durante las dos primeras.

No solo estás acumulando archivos de salida.

Estás acumulando capacidad de producción.

PARTE 6. TU PRIMER PROYECTO CON UN ESTUDIO DE UN SOLO BOT

15. El prompt maestro

Con el espacio de trabajo, las reglas y las etapas de producción listas, puedes darle a Opus una tarea mucho más grande.

La diferencia importante respecto a un prompt de un solo intento es que el agente tiene un proceso definido que seguir y puntos claros donde se requiere aprobación humana.

Este es el prompt maestro que yo usaría.

Prompt Maestro. Ejecutar el Motion Studio

text
1Estás operando mi estudio de motion design.
2
3Tu objetivo es producir una película profesional
4de 20 segundos para el lanzamiento de un producto.
5
6PROYECTO
7
8Producto: [NOMBRE]
9Sitio web: [URL]
10Audiencia: [AUDIENCIA]
11Mensaje principal: [UNA ORACIÓN]
12
13Usa capturas de pantalla, logotipo,
14fuentes y referencias aprobadas.
15
16ETAPA 1: DIRECTOR
17
18Inspeccionar recursos.
19Escribir BRIEF.md.
20Crear el storyboard.
21Definir la historia visual central.
22
23Solicitar aprobación.
24
25ETAPA 2: DIRECTOR DE ARTE
26
27Analizar referencias.
28Escribir STYLE.md.
29Definir tipografía, color,
30composición y movimiento.
31
32Solicitar aprobación.
33
34ETAPA 3: ANIMADOR
35
36Construir la película usando Remotion.
37Usar animación determinista basada en fotogramas.
38Conservar los detalles aprobados del producto
39y la continuidad de las escenas.
40
41ETAPA 4: INGENIERO DE RENDERIZADO
42
43Renderizar imágenes fijas representativas.
44Renderizar una vista previa del corte preliminar.
45
46Verificar:
47- Dimensiones
48- Tasa de fotogramas
49- Fuentes
50- Recursos
51- Errores de ejecución
52
53ETAPA 5: CRÍTICO
54
55Revisar los fotogramas realmente renderizados.
56
57Identificar los tres defectos más grandes
58con los números exactos de fotograma.
59
60Proponer reparaciones locales.
61
62ETAPA 6: CORRECCIÓN
63
64Corregir los defectos de mayor impacto.
65Conservar el trabajo aprobado.
66Volver a renderizar los fotogramas afectados.
67
68Detenerse después de dos rondas de reparación fallidas.
69
70ETAPA 7: ENTREGA
71
72Exportar:
73- 16:9
74- 1:1
75- 9:16
76
77Incluir:
78- Archivos MP4
79- Fotogramas de póster
80- Código fuente editable
81- Hojas de contacto
82- Informe de QA
83
84IMPORTANTE
85
86Nunca inventar pantallas ni afirmaciones del producto.
87Nunca saltarse las etapas de revisión.
88
89Una exportación exitosa no demuestra
90calidad creativa.
91
92Detenerse para pedir aprobación antes de compromisos creativos
93importantes o de la publicación.

Igual tienes que proporcionar buenos insumos.

El Bot necesita material real del producto, un objetivo claro y suficientes referencias para entender la dirección visual.

Pero ahora estás delegando un flujo de trabajo de producción completo en lugar de pedir una animación aislada.

Y ese es un uso mucho más interesante de Opus 5.5.

¿REALMENTE PUEDE UN BOT REEMPLAZAR A UN ESTUDIO DE MOTION?

Para ciertos tipos de producción, puede asumir una cantidad notable del trabajo que un estudio pequeño manejaría manualmente.

Las animaciones de lanzamiento de productos, las demostraciones de interfaces, las películas tipográficas, las visualizaciones de datos y los videos explicativos cortos son especialmente adecuados porque pueden expresarse como código controlable.

Pero reemplazar el flujo de trabajo no es lo mismo que reemplazar todo el criterio creativo.

El modelo puede generar múltiples direcciones, pero alguien aún tiene que decidir cuál expresa correctamente la marca.

Puede inspeccionar fotogramas y encontrar problemas, pero la calidad subjetiva no se reduce por completo a pruebas.

Puede integrar música y efectos, pero los derechos de uso, las expectativas del cliente y las decisiones finales de publicación siguen importando.

El valor está en cambiar el equilibrio del trabajo.

En lugar de pasar la mayor parte del tiempo moviendo elementos en un editor, dedicas más tiempo a definir la dirección creativa, revisar los resultados y mejorar el proceso de producción.

Eso resulta especialmente atractivo para fundadores solitarios, desarrolladores, creadores independientes y equipos pequeños que necesitan videos de producto sólidos sin tener que armar un equipo de producción cada vez que lanzan una función.

Y hay otra razón por la que este enfoque importa.

El video tradicional generado con IA suele ser difícil de modificar con precisión.

Quizás te encanta una toma pero odias una transición. Quizás necesitas reemplazar una captura de pantalla sin cambiar el resto de la animación. Quizás necesitas exactamente la misma película en tres formatos.

Con una producción renderizada mediante código, esos cambios a menudo pueden expresarse como ediciones controladas en el código fuente.

Un titular diferente no necesariamente requiere una película distinta.

Un nuevo color de marca no implica reconstruir toda la línea de tiempo.

Una corrección de sincronización puede hacerse justo en el fotograma donde ocurre el problema.

Eso no es solo comodidad.

Es la diferencia entre generar un recurso y mantener un sistema de producción.

EL VERDADERO CAMBIO

Lo más interesante del motion design con Opus 5.5 no es una animación viral creada de la noche a la mañana.

Es lo que sucede cuando conviertes esa capacidad en un estudio repetible.

Un solo agente puede gestionar el brief creativo, establecer el sistema visual, implementar la animación, renderizar vistas previas, criticar defectos y preparar los entregables finales.

El motor de renderizado hace que el video sea reproducible.

El storyboard hace que la historia sea intencional.

El bucle de revisión hace que los errores sean visibles.

Los componentes y skills guardados facilitan el siguiente proyecto.

Un proceso tradicional de un solo intento se ve así:

Un prompt produce un video. El video se exporta. El siguiente proyecto empieza de nuevo.

Un estudio de un solo bot funciona de manera distinta.

Cada proyecto terminado puede dejar mejores plantillas, mejores componentes de movimiento, criterios de revisión más sólidos y procedimientos de entrega más confiables.

El primer video impresiona porque muestra lo que es posible.

El quinto es interesante porque el proceso de producción empieza a volverse repetible.

El vigésimo es donde los skills, componentes, verificaciones y reglas creativas acumuladas pueden volverse más valiosos que cualquier prompt individual.

La verdadera oportunidad no es hacer un video con IA. Es construir un estudio que mejora cada vez que hace uno.

Y con la configuración adecuada, ese estudio puede empezar con un solo Bot.

SI LLEGASTE HASTA AQUÍ

Guarda esta guía en tus marcadores antes de pasar otra noche intentando arreglar un video generado con IA usando prompts cada vez más complicados.

Sígueme en X: x.com/0xjmori

Suscríbete a mi Substack: substack.com/@lunarresearcher

La próxima vez que necesites un video de lanzamiento de producto, no le pidas simplemente a Claude que anime algo.

Dale un estudio para dirigir.

RECURSOS

Recrear en YouMind

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Para creadores

Convierte tu Markdown en un artículo de 𝕏 impecable

Cuando publicas tus propios textos largos, dar formato en 𝕏 a imágenes, tablas y bloques de código es un fastidio. YouMind convierte un borrador completo en Markdown en un artículo de 𝕏 impecable y listo para publicar.

Prueba Markdown a 𝕏

Más patrones por descifrar

Artículos virales recientes

Explorar más artículos virales