Cómo crear videos motion graphics con Claude Code y Remotion (prompt gratis)

Con Claude Code y Remotion puedes crear videos motion graphics sin abrir un programa de edición: tú describes el video y la IA escribe el código que lo anima. Si haces reels para tu negocio, o se los encargas a alguien cada semana, esto te puede ahorrar horas.

En esta guía tienes los 4 pasos para crear videos con Claude Code y Remotion, el prompt completo para copiar y lo que conviene revisar antes de publicar. Es el mismo proceso con el que hicimos nuestro reel de Instagram sobre este tema.

Qué son Claude Code y Remotion, en simple

Claude Code es la versión de Claude que trabaja dentro de tu computadora: lee archivos, escribe código y ejecuta comandos por ti. Remotion es una herramienta que convierte código en video. Cada escena es una página web animada, y Remotion la graba fotograma por fotograma hasta armar un MP4.

Juntos funcionan así: tú das la idea, Claude escribe las escenas y Remotion las convierte en video. Piensa en un editor de video al que le das instrucciones por escrito en vez de mover capas a mano.

La ventaja frente a una plantilla es que todo es editable. Si cambias un color, un texto o la duración, se actualiza en todo el video.

Lo que necesitas antes de empezar

Necesitas una computadora con Node.js, Claude Code con un plan de pago y, según el tamaño de tu empresa, una licencia de Remotion.

Lo de la licencia es importante. Según la licencia oficial de Remotion, una empresa con fines de lucro de más de 3 empleados tiene que comprar la licencia de empresa para usarlo en su trabajo.

Paso 1: conecta Claude Code con Remotion

Conectar Claude Code con Remotion toma cuatro comandos, según la documentación oficial de Remotion. Abre la terminal y crea el proyecto:

npx create-video --yes --blank mi-video

Instala las skills de Remotion. Una skill es un manual de instrucciones que Claude lee antes de trabajar; con ella sabe cómo se arma un video en Remotion y comete menos errores:

cd mi-video
npx remotion skills add

Abre la vista previa, que se actualiza sola cada vez que Claude cambia algo:

npm run dev

En otra ventana de la terminal, entra a la misma carpeta y abre Claude Code:

cd mi-video
claude

Quizás veas en redes el comando npx skills add remotion-dev/skills. Hace algo parecido, pero el que recomienda la documentación de Remotion es npx remotion skills add.

Paso 2: define tu idea (tema, mensaje y audiencia)

Antes de escribir el prompt, responde tres preguntas: de qué trata el video, qué quieres mostrar y para quién va dirigido. Si no lo tienes claro, Claude va a rellenar los huecos con frases genéricas.

• Tema: el asunto en una línea. Por ejemplo, cómo pedir una cotización por WhatsApp en 3 pasos.
• Mensaje: lo que la persona debe recordar al terminar. Por ejemplo, te respondemos en menos de una hora.
• Audiencia: quién lo ve y qué sabe. Por ejemplo, dueños de ferreterías que nunca han comprado en línea.
• Acción final: qué quieres que hagan. Comentar una palabra, escribir por WhatsApp o visitar tu web.

Un video corto aguanta una sola idea. Si tienes tres mensajes, haz tres videos.

Paso 3: el prompt completo para copiar

Un buen prompt para video dice duración, formato, escenas, animaciones y marca. Este es el que usamos, con espacios entre corchetes para tus datos. Si quieres entender por qué está armado así, lo explicamos en cómo escribir un prompt que funcione.

Vamos a crear un video motion graphics con Remotion en este proyecto.
Antes de escribir código, lee las skills de Remotion instaladas.

IDEA
- Tema: [de qué trata, en una línea]
- Mensaje principal: [lo que la persona debe recordar]
- Audiencia: [quién lo ve y qué sabe del tema]
- Acción final: [comenta una palabra / escribe por WhatsApp / visita la web]

FORMATO
- Duración: 45 segundos
- Formato: vertical 9:16, 1080x1920, 30 fps
- Una composición principal llamada Reel y una composición por escena
  para poder revisarlas por separado.

ESCENAS
1. Gancho (0 a 4 s): titular grande con la promesa del video.
2. Mapa (4 a 7 s): los pasos que vienen, en lista.
3. Paso 1 a Paso 4 (7 a 38 s): un paso por escena, con un ícono
   o diagrama simple que muestre la idea.
4. Cierre (38 a 45 s): la acción final, grande y clara.

ANIMACIONES
- Entradas con resortes suaves (spring), sin rebotes exagerados.
- Transiciones cortas entre escenas, de 10 a 15 fotogramas.
- Nada estático más de 2 segundos: algo debe moverse siempre.
- Todo calculado por fotograma, sin animaciones CSS.

MARCA
- Usa los colores, tipografías y estilo de marca.json.
- Carga las fuentes antes de mostrar el texto.
- Respeta un margen de seguridad de 100 px arriba y abajo
  para que la interfaz de Instagram no tape el texto.

TEXTO Y SONIDO
- Subtítulos palabra por palabra, centrados, con la palabra activa
  resaltada en el color de acento.
- El guion está en guion.txt. La voz está en public/voz.mp3
  y los efectos en public/sfx/. Sincroniza los subtítulos con la voz.
- Si falta un archivo, avísame. No inventes logos, datos ni cifras.

ENTREGA
- Guarda todos los textos, colores y tiempos en un solo archivo de datos
  para poder editarlos sin tocar las escenas.
- Cuando termines, dime qué composiciones creaste y cómo revisar
  cada una en la vista previa. No exportes hasta que te lo pida.

Y este es el archivo de marca. Guárdalo como marca.json en la carpeta del proyecto y cambia los valores por los tuyos:

{
  "colores": {
    "fondo": "#FFFCF9",
    "texto": "#130A07",
    "acento": "#E50914",
    "textoSobreAcento": "#FFFFFF"
  },
  "tipografias": {
    "titulos": "Anton",
    "texto": "Poppins"
  },
  "estilo": "premium, dinámico y limpio; cuadrícula suave de fondo",
  "logo": "public/logo.png"
}

El prompt no tiene que ser bonito, tiene que ser completo. Cada dato que falta es una decisión que toma la IA por ti.

Paso 4: pásale el prompt a Claude Code y exporta el MP4

Pega el prompt en Claude Code y espera a que termine. Claude va a crear las escenas y te va a pedir permiso antes de ejecutar comandos; léelos antes de aceptar.

Cuando termine, revisa el video en la vista previa escena por escena. Si todo está bien, pídele que lo exporte o hazlo tú:

npx remotion render Reel

El archivo queda en la carpeta out del proyecto, listo para subir a Instagram, TikTok o YouTube Shorts.

Cómo corregir el video sin empezar de cero

Corrige una escena a la vez, con datos concretos. Claude cambia solo lo que le pides si se lo dices claro.

Si una escena se rompe, pídele que te muestre qué cambió y que vuelva a la versión anterior. Si trabajas con git, que guarde una versión antes de cada cambio grande.

---

Los errores que vemos todo el tiempo

• Pedir el video sin idea clara: sale genérico. Responde tema, mensaje y audiencia antes de abrir Claude Code.
• No cargar las fuentes: el texto aparece con otra letra o parpadea al exportar. Pide que las fuentes se carguen antes de mostrar el texto.
• Texto en la zona de la interfaz: los botones de Instagram tapan los subtítulos. Deja margen arriba y abajo.
• Logos o cifras inventadas: la IA puede dibujar un logo parecido al real o poner un dato que no existe. Dale tus archivos y revisa cada número.
• Exportar sin revisar en el celular: lo que se lee en un monitor grande puede quedar pequeño en un teléfono.
• Olvidar la licencia: si tu empresa tiene más de 3 empleados, revisa la licencia de Remotion antes de publicar.

Preguntas frecuentes

¿Necesito saber programar para crear videos con Claude Code y Remotion?

No para el primer video. Claude escribe el código y tú das instrucciones en español. Sí ayuda saber abrir una terminal y leer lo que Claude te pide antes de aceptarlo.

¿Remotion es gratis?

Es gratis para personas, organizaciones sin fines de lucro y empresas con fines de lucro de hasta 3 empleados. Las empresas más grandes necesitan la licencia de empresa de Remotion.

¿Claude puede poner la voz y los efectos de sonido?

Claude coloca y sincroniza el audio, pero no lo graba. La voz la pones tú, ya sea grabada o generada con una herramienta de voz con IA, y los efectos deben ser archivos libres de derechos.

¿Cuánto tarda en hacer un video?

La primera versión puede estar en minutos. Lo que toma más tiempo es revisar y ajustar las escenas. El primer video suele llevar una tarde y los siguientes van mucho más rápido.

¿Puedo reutilizar el mismo proyecto para otros videos?

Sí. Si todos los textos, colores y tiempos están en un archivo de datos, cambias el contenido y exportas otro video con la misma marca.

Qué hacer ahora

1. Instala Node.js y Claude Code, y crea tu proyecto de Remotion con los comandos del paso 1.
2. Responde las cuatro preguntas del paso 2 para tu primer video.
3. Copia el prompt y el archivo de marca, rellénalos y pásaselos a Claude Code.
4. Revisa en el celular antes de publicar.

Si prefieres que alguien arme el sistema por ti, con tu marca y plantillas para producir videos cada semana, escríbenos. Hacemos automatizaciones e integraciones con IA para empresas de cualquier país. Y si tus videos llevan tráfico a tu web, revisa con el diagnóstico gratis si está lista para recibirlo.

Recursos

• Remotion con Claude Code (documentación oficial)
• Cómo exportar un video con Remotion
• Licencia de Remotion
• Documentación de Claude Code