Saltar al contenido
Vídeo

Cómo hacer vídeos con Claude Code y Remotion sin saber programar

Crea reels animados, intros, subtítulos y gráficos con Claude Code y las Agent Skills de Remotion: instalación paso a paso y prompts listos para copiar.

Álvaro Checa7 min de lectura
Portátil en un escritorio oscuro con una línea de tiempo de vídeo luminosa y, a su lado, un móvil vertical que reproduce una animación con formas geométricas, unidos por estelas de luz azul.
En esta página

Respuesta rápida

Sí: con Claude Code y las Agent Skills de Remotion puedes crear vídeos animados (textos, gráficos, subtítulos, interfaces) solo describiéndolos en español. Claude escribe el vídeo como código, tú lo ves en una vista previa y lo exportas a MP4. No sustituye a un editor de vídeo para montar lo que grabas.

Qué es cada cosa

  • Remotion es una herramienta para crear vídeos con código: cada escena es una pieza de una web que se anima y luego se exporta como vídeo.
  • Las Agent Skills de Remotion son instrucciones que le enseñan a Claude Code a usar Remotion bien: animaciones, tiempos, audio, subtítulos y buenas prácticas. Con ellas, tú pides el vídeo y Claude escribe el código.
  • Claude Code es la versión de Claude que trabaja con los archivos de tu ordenador. Si aún no lo tienes, empieza por esta guía de instalación.

¿Qué puede hacer y qué no?

Sí puedeNo es lo suyo
Reels animados con tu marca: textos, colores y tipografíasMontar y cortar lo que grabas con el móvil, como haría CapCut
Intros y cierres con tu logo o tu nombreRetocar el color o el sonido de un vídeo grabado
Subtítulos animados a partir de una transcripciónGenerar personas o escenas realistas (para eso, Veo o Kling)
Gráficos de datos que se dibujan solosTrabajar sin ordenador: la vista previa se abre en tu equipo
Demostraciones de una app o una web con capturasHacerlo sin revisar: siempre hay que mirar el resultado

Qué necesitas

RequisitoDetalle
Claude CodeNecesita un plan de pago de Claude (Pro o superior). Lo más cómodo es la app de escritorio, en la pestaña «Code».
Node.jsEl programa que hace funcionar Remotion. Descárgalo gratis desde nodejs.org (versión LTS) e instálalo como cualquier programa.
Un ordenadorMac, Windows o Linux. La vista previa y el render se hacen en tu equipo.
Licencia de RemotionGratis para particulares, empresas de hasta 3 empleados y organizaciones sin ánimo de lucro. Las empresas más grandes necesitan una licencia de pago.

Instálalo en 5 pasos

  1. 1. Crea una carpeta para tus vídeosPor ejemplo, «videos-con-ia» en tu escritorio. Ábrela con Claude Code (en la app de escritorio, pestaña Code, eligiendo esa carpeta).
  2. 2. Crea el proyecto de RemotionPídele a Claude: «Crea un proyecto de Remotion vacío en esta carpeta con npx create-video@latest y explícame qué hace cada paso». Si te pregunta si quieres añadir las skills, di que sí.
  3. 3. Instala el plugin de Remotion para Claude CodeEn la terminal escribe: claude plugin marketplace add remotion-dev/claude-code-plugin. Después: claude plugin install remotion@remotion. Si prefieres instalar solo las skills dentro del proyecto, usa npx skills add remotion-dev/skills.
  4. 4. Reinicia Claude CodeCiérralo y vuelve a abrirlo para que cargue el plugin. A partir de ahí, Claude usa las buenas prácticas de Remotion cada vez que trabaja en un vídeo.
  5. 5. Comprueba que funcionaPídele «Abre la vista previa de Remotion». Claude ejecutará npx remotion studio y se abrirá en tu navegador una ventana con tus vídeos y una línea de tiempo para revisarlos.

Tu primer vídeo: un reel con tu marca

Pídelo, revísalo y exporta

Reel vertical de 20 segundosPégalo en Claude Code, dentro de tu proyecto de Remotion
Crea con Remotion un reel vertical 9:16 de 20 segundos a 30 fotogramas por segundo para tu marca o tu cuenta. Tema: de qué va el vídeo, en una frase. Colores de marca: color principal y color de acento; tipografía: nombre o estilo, por ejemplo «sans serif moderna y gruesa». Estructura: gancho en los 2 primeros segundos con la frase «tu frase gancho», después 3 ideas en pantallas cortas con animaciones suaves de entrada y salida, y cierre con tu llamada a la acción y mi nombre de usuario @tucuenta. Deja márgenes seguros arriba y abajo para la interfaz de Instagram. Usa las buenas prácticas de las skills de Remotion, explícame qué has creado y abre la vista previa.
Personaliza el prompt9 huecos en amarillo para rellenar con lo tuyo

Si algo no te gusta, pídeselo con palabras concretas: «el título entra demasiado rápido», «usa un amarillo más claro».

Cómo verlo y exportarlo

  • Vista previa: en la ventana de Remotion Studio puedes reproducir el vídeo, moverte por la línea de tiempo y ver cada escena. Cada vez que Claude cambia algo, la vista previa se actualiza sola.
  • Exportar a MP4: pídele «Renderiza el vídeo en MP4». Claude usará npx remotion render y te dirá en qué carpeta lo ha guardado (normalmente, «out»).
  • Pásalo al móvil: envíatelo por AirDrop, WhatsApp o Google Drive y súbelo a Instagram como cualquier reel.

Más prompts listos para copiar

Intro, subtítulos, gráficos y demos

Intro animada con tu logoNecesitas el logo en PNG o SVG dentro de la carpeta del proyecto
Crea con Remotion una intro de 4 segundos en 9:16 y otra en 16:9 con mi logo, que está en ruta del archivo del logo. El logo aparece con una animación suave de escala / un trazo que se dibuja / un destello, sobre fondo color, y debajo aparece el texto «tu nombre o eslogan». Añade un sonido corto de entrada si hay alguno libre en el proyecto; si no, déjalo sin audio. Exporta las dos versiones en MP4.
Personaliza el prompt4 huecos en amarillo para rellenar con lo tuyo

Para un logo nítido, mejor en SVG.

Subtítulos animados para un vídeo tuyo

Subtítulos estilo reelPon tu vídeo y su transcripción en la carpeta del proyecto
Tengo un vídeo en ruta del vídeo y su transcripción en ruta del archivo de texto o «genérala tú si puedes con las herramientas de Remotion». Crea con Remotion una composición 9:16 que use ese vídeo de fondo y le añada subtítulos animados de 2-4 palabras cada vez, centrados en el tercio inferior, con la palabra que se está diciendo resaltada en color de acento. Tipografía estilo y tamaño grande para leer en el móvil. Explícame cómo ajustar el momento de cada frase si alguna va desfasada.
Personaliza el prompt5 huecos en amarillo para rellenar con lo tuyo

Remotion no corta ni monta tu vídeo: le añade capas encima. Revisa que los subtítulos coinciden con lo que dices.

Gráfico de datos animado

Barras o líneas que crecenIdeal para cifras de tu negocio o de un estudio
Crea con Remotion un vídeo de 10 segundos en 9:16 / 16:9 con un gráfico de barras / líneas que se dibuja poco a poco. Datos: pega aquí tus datos, por ejemplo «enero 120, febrero 180, marzo 260». Título arriba: «título del gráfico». Los números aparecen contando hacia arriba hasta su valor. Colores: color principal para las barras y color de acento para la más alta. Termina con una frase de conclusión: «tu conclusión».
Personaliza el prompt8 huecos en amarillo para rellenar con lo tuyo

Comprueba que los números del vídeo coinciden con tus datos antes de publicarlo.

Antes y después de una interfaz

Demo de tu app o tu webPon dos capturas de pantalla en la carpeta del proyecto
Tengo dos capturas de pantalla: ruta de la captura «antes» y ruta de la captura «después». Crea con Remotion un vídeo 9:16 de 12 segundos que muestre primero la de antes dentro de un marco de móvil, con el texto «Antes» y qué estaba mal, y después una transición tipo cortinilla hacia la de después, con el texto «Después» y qué ha mejorado. Añade un zoom suave sobre la zona que quieres destacar. Fondo color y textos en color.
Personaliza el prompt7 huecos en amarillo para rellenar con lo tuyo

Usa capturas de tu propia app o web, sin datos personales de clientes.

Consejos para que salga a la primera

  • Pide una cosa cada vez. Primero la estructura, luego los colores, luego el ritmo.
  • Da medidas concretas: duración en segundos, formato (9:16 o 16:9) y en qué segundo pasa cada cosa.
  • Guarda tu marca en CLAUDE.md: pídele «Apunta en CLAUDE.md mis colores, tipografías y logo para usarlos en todos los vídeos». Así no tendrás que repetirlo.
  • Reutiliza: cuando un vídeo te guste, pídele que lo convierta en plantilla para cambiar solo el texto la próxima vez.

Herramientas que usa

Preguntas frecuentes

¿Hace falta saber programar?

No. Describes el vídeo en español y Claude Code escribe el código de Remotion por ti. Solo tienes que instalar Node.js, seguir los pasos de esta guía y revisar el resultado en la vista previa.

¿Cuánto cuesta?

Remotion es gratis para particulares, empresas de hasta 3 empleados y organizaciones sin ánimo de lucro; las empresas más grandes necesitan una licencia de pago. Claude Code necesita un plan de pago de Claude (Pro o superior).

¿Sirve para editar mis vídeos grabados?

Solo en parte. Puede poner tu vídeo de fondo y añadirle subtítulos, textos, gráficos o una intro, pero no sustituye a un editor como CapCut para cortar, montar y retocar lo que grabas.

Fuentes e inspiración

¿Te ha funcionado?

Álvaro Checa

Creador de la red Hub Media. Prueba cada prompt en varios modelos antes de publicarlo.

Un recurso nuevo cada semana

Te llega al correo antes que a Instagram. Sin spam.