# Claude Code como estudio de vídeo: motion graphics en 4K sin abrir After Effects

> Cómo Claude Code edita vídeo y crea motion graphics en 4K usando Remotion, FFmpeg y Whisper. Qué pasa por dentro, qué funciona de verdad y qué sigue necesitando a un humano.

- URL: https://pacoforet.com/posts/claude-code-estudio-de-video-motion-graphics-4k/
- Autor: Paco Foret
- Publicado: 2026-11-13
- Temas: Claude Code, IA práctica, Para no-coders

Durante años, cada vez que necesitaba un vídeo pasaba lo mismo. Escribía un brief, buscaba a un freelance de motion, esperaba una semana y recibía una primera versión. Después venían tres rondas de "¿puedes mover el logo un poco a la izquierda?".

**Para alguien de marketing, el vídeo siempre ha sido territorio ajeno.** Sabía qué quería contar, pero no sabía tocar el instrumento. After Effects me parecía la cabina de un avión.

Hace unas semanas le pedí a Claude Code un vídeo de producto de 30 segundos en 4K, con animaciones de texto, transiciones y subtítulos. Me lo entregó renderizado en una tarde. No abrí ningún editor de vídeo.

Suena exagerado, lo sé. Yo mismo lo habría pensado hace un año. Así que en este post voy a contar **cómo lo hace técnicamente**, porque cuando entiendes el truco deja de parecer magia y empieza a parecer obvio.

## El cambio de chip: un vídeo es código

La idea clave es esta: **Claude Code no "edita vídeo" como lo harías tú en Premiere.** No arrastra clips en una línea de tiempo ni mueve keyframes con el ratón.

Lo que hace es escribir código que *describe* el vídeo. Después, ese código se convierte en un archivo MP4.

Piénsalo como una partitura. Un músico no graba cada nota por separado: escribe la partitura y la orquesta la interpreta. Aquí Claude escribe la partitura (el código) y un motor de render la "toca" fotograma a fotograma.

Para eso usa tres piezas principales:

* **Remotion**: un framework que permite crear vídeos con React, el mismo lenguaje con el que se hacen webs.
* **FFmpeg**: la navaja suiza del vídeo. Corta, une, comprime, añade audio y subtítulos.
* **Whisper** (u otro modelo de transcripción): convierte la voz en texto con marcas de tiempo.

## Pieza 1: Remotion, o cómo una web se convierte en vídeo

Este es el corazón de los motion graphics. Remotion parte de una idea muy sencilla: **cada fotograma del vídeo es una página web.**

Si tu vídeo dura 10 segundos a 30 fps, son 300 fotogramas. Remotion abre un navegador invisible (Chromium en modo *headless*), pinta el fotograma 1, le hace una captura, pinta el 2, otra captura… y así hasta el 300. Al final, junta todas las capturas en un vídeo con FFmpeg.

Lo potente es que cada fotograma sabe en qué momento está. Con eso, Claude puede calcular dónde debe estar cada elemento en cada instante:

```tsx title="src/TituloAnimado.tsx" ln
import { useCurrentFrame, interpolate, spring, useVideoConfig } from "remotion";

export const TituloAnimado = () => {
  const frame = useCurrentFrame();
  const { fps } = useVideoConfig();

  // El texto aparece con un fundido durante los primeros 20 fotogramas
  const opacidad = interpolate(frame, [0, 20], [0, 1], { extrapolateRight: "clamp" });

  // Y entra desde abajo con un efecto muelle
  const subida = spring({ frame, fps, config: { damping: 12 } });
  const y = interpolate(subida, [0, 1], [80, 0]);

  return (
    <h1 style={{ opacity: opacidad, transform: `translateY(${y}px)`, fontSize: 160 }}>
      Tu factura, cobrada mañana.
    </h1>
  );
};
```

Yo no habría sabido escribir eso. Pero sí sé decir *"quiero que el titular entre desde abajo con un rebote suave y que el subtítulo aparezca medio segundo después"*. **Claude traduce mi intención a matemáticas de animación.**

### ¿Y el 4K?

Aquí viene lo bonito. Como todo es código vectorial (texto, formas, SVG), la resolución es solo un número. Se define en la composición:

```tsx title="src/Root.tsx" ln
<Composition
  id="VideoProducto"
  component={VideoProducto}
  durationInFrames={900}   // 30 segundos a 30 fps
  fps={30}
  width={3840}
  height={2160}
/>
```

Y para renderizar:

```bash title="terminal" ln
npx remotion render VideoProducto out/producto-4k.mp4 --codec=h264 --crf=18
```

Si diseñas en 1080p y luego quieres 4K, basta con añadir `--scale=2`. No hay pérdida de calidad, porque el navegador vuelve a dibujar todo a más resolución. **No se estira la imagen: se repinta.**

> [!INFO]
> Renderizar en 4K es lento en un portátil: son millones de píxeles por fotograma. Para piezas largas, Remotion permite renderizar en la nube (Remotion Lambda) dividiendo el vídeo en trozos que se procesan en paralelo.

## Pieza 2: FFmpeg, el editor invisible

Remotion es para crear. FFmpeg es para editar material que ya existe: grabaciones de pantalla, entrevistas, clips de móvil.

FFmpeg no tiene interfaz. Se maneja con comandos que parecen jeroglíficos. **Y justo por eso encaja tan bien con Claude Code**: lo que para mí era un muro, para Claude es su idioma nativo.

Algunos ejemplos de lo que le he pedido en castellano y lo que ha ejecutado por debajo:

* *"Quita los silencios de esta grabación"* → primero detecta los huecos de audio y luego recorta esos tramos.
* *"Pásalo a vertical para Reels"* → recorta y reescala a 1080x1920.
* *"Ponle los subtítulos quemados"* → incrusta el archivo `.srt` en la imagen.

```bash title="terminal" ln
# Detectar silencios de más de medio segundo
ffmpeg -i entrevista.mp4 -af silencedetect=noise=-30dB:d=0.5 -f null -

# Incrustar subtítulos en el vídeo final
ffmpeg -i montaje.mp4 -vf subtitles=subs.srt -c:a copy final.mp4
```

Lo interesante no es el comando en sí. Es que **Claude lee la salida, interpreta los tiempos y decide los cortes él solo.** Encadena pasos como lo haría un editor junior, pero en segundos.

## Pieza 3: Whisper, para editar por palabras

Este es el truco que más me ha cambiado el flujo. Claude transcribe el audio con Whisper y obtiene cada palabra con su marca de tiempo exacta.

A partir de ahí, editar vídeo se parece a editar un documento de texto. Le digo *"quita la parte donde hablo del precio"* y Claude busca esa frase en la transcripción, saca el segundo de inicio y de fin, y corta.

Con esos mismos datos genera subtítulos animados palabra a palabra, el estilo que ves en todos los Reels. Remotion los pinta sincronizados al fotograma.

## El flujo completo: de brief a MP4

Así queda mi proceso hoy:

* **Brief en lenguaje natural**: le explico el objetivo, la duración, el tono y le paso el logo y los colores de marca.
* **Guion y storyboard**: Claude propone escenas con su duración. Aquí corrijo yo, porque es donde está el criterio.
* **Código**: crea el proyecto de Remotion, un componente por escena.
* **Preview**: abro el estudio de Remotion en el navegador y veo el vídeo en tiempo real.
* **Iteración**: *"la segunda escena va lenta"*, *"el verde es demasiado chillón"*. Cada cambio tarda segundos.
* **Render final**: 4K, vertical, cuadrado… La misma base, varios formatos.

> [!TIP]
> Instala las *skills* oficiales de Remotion en Claude Code (`npx skills add remotion-dev/skills`). Son instrucciones que le enseñan las buenas prácticas del framework, y se nota muchísimo en la calidad del primer intento.

## La parte que más me vuela la cabeza: vídeos en serie

Como el vídeo es código, puedo parametrizarlo. Un mismo componente con datos distintos.

Por ejemplo: un vídeo de bienvenida personalizado para cada cliente, con su nombre, su sector y sus cifras. Cien versiones salen de un solo diseño. **Eso, con un editor tradicional, sería una semana de trabajo repetitivo.** Aquí es un bucle.

## Entonces, ¿reemplaza a los diseñadores de motion y a los editores?

Voy a ser honesto, porque no me gusta vender humo.

**Reemplaza mucho trabajo de ejecución.** Vídeos de producto, explainers, piezas para redes, subtítulos, versiones en distintos formatos, cortes de entrevistas. Todo eso que antes encargaba fuera, hoy lo resuelvo yo en una tarde.

Pero hay cosas donde todavía se nota la diferencia:

* **El gusto.** Claude anima bien, pero el primer intento suele ser correcto y algo genérico. El salto a "esto es memorable" sigue dependiendo de quien dirige.
* **El metraje real.** Etalonaje, ritmo emocional en un documental o elegir la toma donde alguien transmite algo. Eso es oficio puro.
* **Animaciones orgánicas complejas.** Personajes, ilustración frame a frame o 3D avanzado siguen siendo terreno de especialistas.

> [!WARNING]
> Remotion es gratis para particulares y empresas pequeñas, pero las empresas a partir de cierto tamaño necesitan una licencia de pago. Revisa las condiciones antes de usarlo en un proyecto profesional.

Mi lectura es otra: **no desaparece el diseñador de motion, desaparece la barrera de entrada.** El profesional que adopte este flujo producirá diez veces más. Y el perfil de negocio que antes dependía de él ahora puede resolver el 80% de los casos por su cuenta.

## Conclusión: el editor ahora es una conversación

Durante años pensé que el vídeo no era para mí porque no sabía usar las herramientas. Resulta que el problema nunca fue la herramienta: era la interfaz.

Cuando el vídeo se convierte en código, y el código se escribe hablando, **lo único que importa es saber cómo debe sonar la música.**

Yo sigo sin saber tocar After Effects. Pero ya no me hace falta para dirigir la orquesta.