# 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. - Tipo: Guía - Categoría: Vídeo - Autor: Álvaro Checa - Publicado: 26 de octubre de 2026 - Actualizado: 26 de octubre de 2026 - Página original: https://recursos.hubmedia.io/guias/videos-con-claude-code-y-remotion - Publicado por: Recursos Hub Media (https://recursos.hubmedia.io/) ## 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](https://recursos.hubmedia.io/herramientas/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](https://recursos.hubmedia.io/guias/que-es-claude-code-como-instalarlo). ## ¿Qué puede hacer y qué no? | Sí puede | No es lo suyo | | --- | --- | | Reels animados con tu marca: textos, colores y tipografías | Montar y cortar lo que grabas con el móvil, como haría CapCut | | Intros y cierres con tu logo o tu nombre | Retocar el color o el sonido de un vídeo grabado | | Subtítulos animados a partir de una transcripción | Generar personas o escenas realistas (para eso, Veo o Kling) | | Gráficos de datos que se dibujan solos | Trabajar sin ordenador: la vista previa se abre en tu equipo | | Demostraciones de una app o una web con capturas | Hacerlo sin revisar: siempre hay que mirar el resultado | ## Qué necesitas | Requisito | Detalle | | --- | --- | | Claude Code | Necesita 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.js | El programa que hace funcionar Remotion. Descárgalo gratis desde nodejs.org (versión LTS) e instálalo como cualquier programa. | | Un ordenador | Mac, Windows o Linux. La vista previa y el render se hacen en tu equipo. | | Licencia de Remotion | Gratis 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ídeos**: Por 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 Remotion**: Pí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 Code**: En 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 Code**: Cié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 funciona**: Pí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* ### Prompt: Reel vertical de 20 segundos (Pégalo en Claude Code, dentro de tu proyecto de Remotion) Versión para Claude Code (Probado en Claude Code con Remotion): ```text 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. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. 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* ### Prompt: Intro animada con tu logo (Necesitas el logo en PNG o SVG dentro de la carpeta del proyecto) Versión para Claude Code (Probado en Claude Code con Remotion): ```text 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. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Para un logo nítido, mejor en SVG. ## Subtítulos animados para un vídeo tuyo ### Prompt: Subtítulos estilo reel (Pon tu vídeo y su transcripción en la carpeta del proyecto) Versión para Claude Code (Probado en Claude Code con Remotion): ```text 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. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. 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 ### Prompt: Barras o líneas que crecen (Ideal para cifras de tu negocio o de un estudio) Versión para Claude Code (Probado en Claude Code con Remotion): ```text 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]». ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. Comprueba que los números del vídeo coinciden con tus datos antes de publicarlo. ## Antes y después de una interfaz ### Prompt: Demo de tu app o tu web (Pon dos capturas de pantalla en la carpeta del proyecto) Versión para Claude Code (Probado en Claude Code con Remotion): ```text 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]. ``` Las partes entre [corchetes] son variables: cámbialas por lo que quieras. 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. ## 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 - [Plugin de Remotion para Claude Code](https://www.remotion.dev/docs/ai/claude-code-plugin): Documentación oficial (en inglés) - [Agent Skills de Remotion](https://www.remotion.dev/docs/ai/skills): Documentación oficial (en inglés) - [Licencia de Remotion](https://remotion.dev/license): Quién puede usarlo gratis (en inglés)