montajes / FI-019

Publicada el · Actualizada el

aitorconia_.montajes1 / 4
/ 00Ficha15 minNivel basico

Crea motion graphics profesionales con Remotion dentro de Claude Code

Ficha corta para animar piezas tipo spot, intro o visualización de datos con un solo prompt, usando el skill de Remotion integrado en Claude Code. Pensada para quien necesita un MP4 listo en minutos y no quiere abrir After Effects.

Ilustracion de apertura de la guia FI-019
@aitorconia · biblioteca de montajes · 2026
aitorconia_.montajes ~ indice.md2 / 4
/ 00Índice

Lo que hay dentro, de principio a fin

Qué obtienes
Un MP4 animado a partir de un prompt en texto, con transiciones, textos en movimiento y branding básico.
Tiempo
15 min de instalación y primer render; los siguientes clips salen en segundos.
Coste extra
0 EUR. Solo necesitas una cuenta activa de Claude Code.
Necesitas
Claude Code instalado y una idea clara del clip: duración, colores y mensaje.
Se rompe si
Pides resultados genéricos sin describir duración, paleta ni acción; o si quieres editar fuera del chat y no exportas antes.
@aitorconia · FI-019
aitorconia_.montajes ~ seccion-01.md3 / 4
/ 01Instalar Remotion

Instalar Remotion en Claude Code un único comando

El truco es cargar el skill oficial de Remotion dentro de Claude Code. Con esto, Claude deja de ser un chat y se convierte en un pequeño estudio de motion design que renderiza a MP4.

Pasos:

Abre Claude Code.
Pega este comando exacto:
~ prompt.md
npx skills add remotion-dev/skills

Claude confirma que el skill de Remotion está cargado y ya responde a prompts de vídeo.

Si te pide permisos adicionales para instalar dependencias, acéptalas; sin ellas no se renderiza nada.

/ 02Describir vídeo

Describir el vídeo el prompt lo es todo

Una vez instalado, el flujo es 100 % conversacional: escribes lo que quieres y Claude genera el código de Remotion, lo ejecuta y te entrega el MP4.

Cuerpo del prompt:

  • Duración exacta (por ejemplo, 30 segundos).
  • Tipo de pieza (anuncio de producto, intro de YouTube, visualización de datos).
  • Estilo de animación (transiciones suaves, entradas agresivas, kinetic typography).
  • Paleta de marca.
  • Texto en pantalla.

Ejemplo funcional:

Pégale este mensaje exactoCreate a 30-second animated product ad with smooth transitions, dynamic text animations, and branding colors in blue and white.

Cuanto más concreto seas con tiempos, colores y textos, menos iteraciones harás después.

@aitorconia · FI-019
aitorconia_.montajes ~ seccion-03.md4 / 4
/ 03Renderizado descarga

Renderizado y descarga MP4 en segundos

Claude monta el proyecto Remotion, lanza el render y te deja el archivo listo. No necesitas abrir editor de vídeo: el MP4 sale con animaciones, transiciones y branding ya aplicados.

Lo que obtienes:

  • Clip MP4 de la duración pedida.
  • Animaciones de entrada y salida de textos.
  • Transiciones entre escenas.
  • Color de marca aplicado a fondos, acentos y tipografía.

Usos típicos del MP4:

  • Anuncios de producto para redes.
  • Intros y outros de YouTube.
  • Visualizaciones de datos (gráficos animados, cifras clave).
/ 04Editar escribiendo

Editar escribiendo sin tocar línea de código

Aquí está la ventaja real frente a After Effects o CapCut: cualquier cambio se pide por texto y Claude lo aplica al instante.

Peticiones válidas que entiende el sistema:

  • "Change colors to red and black"
  • "Update text to '50% Off Today!'"
  • "Adjust timing for 5 seconds longer"

Si cambias un color sin mantener contraste suficiente con el texto, el resultado sale ilegible. Pide siempre dos colores (fondo y tipografía) bien separados.

Tras cada cambio, Claude vuelve a renderizar y te entrega la nueva versión del MP4 sin que tengas que recargar nada.

@aitorconia · FI-019 · fin

Relacionadas

Más del mismo tema

Siguiente paso

Llévalo a la práctica

markdown