YouMind
Iniciar sesión

Ingeniería de movimiento: Un bot, cinco departamentos, 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, 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 consiste en 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 suele pasar 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 pieza, escribe el código de animación, renderiza previsualizaciones, detecta sus propios errores y corrige el resultado. Tú apruebas las decisiones creativas importantes en lugar de construir manualmente cada escena.

Esa es la oportunidad detrás de la Ingeniería de Motion.

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 el modelo por sí solo. 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 motor de render 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 con un solo agente, con 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.

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 de criterio distinto.

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 evalúe todo en un único paso sin estructura es la receta perfecta para conseguir una demo impresionante que se desmorona al examinarla.

En lugar de eso, organiza al agente en cinco departamentos:

text
1DEPARTAMENTO RESPONSABILIDAD RESULTADO
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 + previsualizaciones
7CRÍTICO Control de calidad visual Informe de revisión

No tienen por qué ser 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 pieza 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 VIDEO FINAL
Mori - inline image

El orden importa porque la mayoría de los fallos visuales empiezan antes del renderizado.

Si la historia no está clara, una mejor animación no la salvará. Si la dirección visual es genérica, añadir 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 seguir sin comunicar nada.

El primer trabajo es construir el proceso que evita esos errores.

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

Seguro que 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 única ejecución autónoma y prolongada. Pero eso no significa que el proceso empezara 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 recursos 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 una cadena de renderizado.

Lo que parece un intento único suele ser la punta visible de una configuración mucho mayor.

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.

Compara dos enfoques para la misma petición.

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 recursos reales del producto, un video de referencia, reglas de diseño, un storyboard, una línea de tiempo y criterios de revisión.

Ambos pueden implicar un solo agente y una gran ejecución de producción. Pero el segundo tiene muchas más probabilidades de producir algo utilizable 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 pieza sea controlable mediante componentes de React y animación basada en fotogramas. FFmpeg ayuda a analizar referencias, inspeccionar resultados y preparar recursos complementarios.

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 y lanza 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 todas las producciones. BRIEF.md describe la pieza actual. STYLE.md recoge la dirección visual. STORYBOARD.md define la secuencia de planos y los eventos importantes.

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

Esa separación resulta valiosa 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 se aprobó, 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 tipografías, colores y transiciones porque el modelo no tiene reglas visuales permanentes.

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

Prompt 1. Crear el manual del estudio

text
1Crea CLAUDE.md para nuestro estudio de motion.
2
3Eres el agente de producción responsable
4de dirigir, diseñar, animar,
5renderizar y revisar videos hechos con código.
6
7REGLAS DE OPERACIÓN
8
91. Nunca empieces la implementación antes
10 de crear un storyboard.
11
122. Usa solo los recursos del producto aprobados.
13
143. Nunca inventes interfaces, métricas, testimonios
15 ni funcionalidades 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 pieza.
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 degradados genéricos
40- Rebotes excesivos
41- Partículas brillantes
42- Texto ilegible
43- Paneles de producto falsos
44- Movimientos de cámara sin propósito
45
46REGLA DE PRODUCCIÓN
47
48Una pieza 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 base del estudio.

No significa que todos los videos deban verse idénticos. 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 pieza heredará la corrección.

También puedes almacenar dentro del proyecto componentes de animación compartidos, tokens tipográficos, dimensiones de áreas seguras, ajustes de exportación preferidos y otras decisiones de producción reutilizables.

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

05. Haz que el Director escriba un brief

Vamos a construir algo concreto.

Imagina que vas a lanzar un producto SaaS que convierte un tablero de proyectos caótico en un plan de sprint organizado.

Quieres un video de producto de 20 segundos que muestre una transformación: un tablero de tareas abarrotado que se convierte en una lista clara de prioridades.

El público debería entender el valor sin necesidad de voz en off.

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

Prompt 2. Tarea del Director

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

El Director debe decidir qué necesita entender el espectador en cada etapa, no llenar la pieza de movimiento por el simple hecho de mover cosas.

La primera escena podría mostrar un tablero de tareas abarrotado. 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 debería pedirla en lugar de dibujar una falsa pero convincente.

Esa única regla evita una cantidad sorprendente de videos de producto generados por IA inutilizables.

06. Convierte la referencia en una identidad visual

Una razón importante por la que los videos hechos con IA se parecen tanto entre sí 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 enfoque mejor 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 grosores
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 en el que 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 están tomadas.

Una buena guía de estilo no solo describe cómo debe verse la pieza. También define qué debe evitar.

Si las referencias usan tipografía contenida 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 RENDER

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 pieza de 20 segundos, definimos cinco escenas.

text
1ESCENA 01: EL PROBLEMA
200:00 - 00:03
3
4Entra un tablero de tareas abarrotado.
5La composición transmite 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 llamada a la acción.
29Un fotograma final potente.

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

Mori - inline image

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

Un principio útil es que el estado final de una escena debería indicarle al Animador cómo empieza la siguiente.

Si el tablero de tareas termina centrado al 80 % de escala, el siguiente plano debería 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 tener más control técnico, convierte los tiempos en números de fotograma.

A 30 fotogramas por segundo, una pieza 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 va demasiado 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 motor de render 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 desplazamiento, el timing de entrada, el comportamiento de suavizado o la escala sin pedir un clip completamente nuevo.

Si la tarjeta se mueve demasiado, reduce la distancia.

Si se asienta muy lento, ajusta el resorte.

Si el titular aparece demasiado pronto, retrasa su entrada en la línea de tiempo.

El código fuente sigue siendo editable.

Esa es la ventaja del motion hecho con código para videos 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á sigan necesitando metraje, herramientas 3D o video generativo.

La clave está en elegir un método de producción que te dé control sobre el trabajo que realmente estás haciendo.

Y para los videos 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 pieza. 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.

Renderiza primero imágenes fijas representativas.

Prompt 4. Tarea 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 render 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 tipografías.
134. Verifica que existan todos los recursos del producto.
145. Renderiza fotogramas fijos representativos.
156. Renderiza una previsualización de movimiento de bajo coste.
167. Reporta errores de ejecución.
17
18No modifiques la dirección creativa.
19
20No renderices los entregables finales hasta que
21la previsualización 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 por 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 pieza.

Para una previsualización 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 fiable de juzgar la animación es inspeccionar lo que realmente produjo el motor de render.

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 el código, el video se renderiza correctamente y el agente anuncia que todo está listo.

Pero un render exitoso solo demuestra que el archivo existe.

No demuestra que el video sea bueno.

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

Un estudio profesional no publica algo solo porque el software exportó un MP4.

Revisa el resultado.

Dale a Claude una etapa de crítica independiente, 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 pieza.
4
5Revisa la hoja de contactos,
6los fotogramas fijos y la previsualización de video proporcionados.
7
8Puntúa 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- Coherencia de marca
17
18Encuentra los tres problemas más importantes.
19
20Para 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 pieza.
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
3FOTOGAMA:
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
14sea 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 soluciona. El Ingeniero de Renderizado exporta de nuevo 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 torpes, movimientos poco naturales y problemas de sincronización.

Ninguno de los dos 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 RENDERIZAR DE NUEVO
21 |
22 +----> REVISIÓN

La palabra importante es local.

Un defecto en el fotograma 210 no debería obligar a reescribir todo el guion gráfico, 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 demasiado 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 fallidas.
2
3Por cada defecto:
4
51. Lee las pruebas 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 las nuevas pruebas.
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 requisitos de verificación
24solo para aprobar la revisión.

Explica el bloqueo.

Solicita instrucciones humanas.

Nunca elimines requisitos de verificación

solo para aprobar la revisión.

Esto permite que el agente mejore 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 radica en si el sistema sabe cómo es el éxito, qué pruebas 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 la web, una cuadrada para X y una vertical para Reels o Shorts.

Simplemente recortar el original puede destruir 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 WEB X / SOCIAL REELS
10 YOUTUBE PUBLICACIÓN SHORTS
11 CUADRADA
12
13 Contexto Composición Jerarquía
14 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 clave (poster frames), el código fuente editable, los recursos aprobados y una breve nota 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 ninguna 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 vuelve a empezar 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 necesitan cambiar los datos 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 puedan terminar de leerlos.

Podrías arreglar cada video manualmente.

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

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

Lo mismo aplica a las capturas de pantalla de productos que se vuelven ilegibles en las exportaciones verticales, las transiciones que ocultan información esencial o las 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 comprobació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 una Skill reutilizable

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

La 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 la Skill del Estudio

text
1Crea una Skill reutilizable llamada motion-studio.
2
3PROPÓSITO
4
5Convertir un brief creativo aprobado en
6un video profesional renderizado por código.
7
8FLUJO DE TRABAJO
9
10DIRECTOR
11Analizar la solicitud.
12Escribir el brief y el guion gráfico.
13
14DIRECTOR DE ARTE
15Inspeccionar referencias.
16Definir una dirección visual coherente.
17
18ANIMADOR
19Crear 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 pruebas.
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 omitir las puertas de aprobación creativa.
37- No aprobar resultados no inspeccionados.
38- Mantener las correcciones a nivel local.
39- Limitar los intentos de reparación repetidos.
40- Guardar cada artefacto importante.
41
42RESULTADO
43
44Videos finales
45Fotogramas clave
46Hojas de contacto
47Código fuente editable
48Informe de revisión

Ahora el siguiente encargo se vuelve mucho más pequeño.

Tú proporcionas el producto, el público, las referencias visuales y el resultado deseado.

La 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 definidas, puedes asignarle a Opus una tarea mucho mayor.

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]
10Público: [PÚBLICO]
11Mensaje principal: [UNA FRASE]
12
13Usa capturas de pantalla, logotipo,
14fuentes y referencias aprobadas.
15
16ETAPA 1: DIRECTOR
17
18Inspeccionar recursos.
19Escribir BRIEF.md.
20Crear el guion gráfico.
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 montaje preliminar.
45
46Comprobar:
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.
66Renderizar de nuevo los fotogramas afectados.
67
68Detenerse tras 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 clave
80- Código fuente editable
81- Hojas de contacto
82- Informe de control de calidad
83
84IMPORTANTE
85
86Nunca inventar pantallas ni afirmaciones del producto.
87Nunca omitir las etapas de revisión.
88
89Una exportación exitosa no demuestra
90calidad creativa.
91
92Detenerse para obtener aprobación antes de asumir compromisos creativos importantes o de publicar.

Aun así, tienes que proporcionar buenos datos de entrada.

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.

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

Para ciertos tipos de producción, puede asumir una cantidad notable de 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 todavía tiene que decidir cuál expresa correctamente la marca.

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

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

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 en solitario, desarrolladores, creadores independientes y equipos pequeños que necesitan videos de producto potentes sin tener que reconstruir 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 por IA suele ser difícil de revisar con precisión.

Puede que te encante un plano pero odies una transición. Puede que necesites reemplazar una captura de pantalla sin cambiar el resto de la animación. Puede que necesites exactamente la misma película en tres formatos.

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

Un titular diferente no exige necesariamente 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 renderizador hace que el video sea reproducible.

El guion gráfico 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 funciona 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 diferente.

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

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 las skills, los componentes, las comprobaciones y las reglas creativas acumuladas pueden llegar a valer más 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 por IA con 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