¿Se puede crear vídeo profesional sin editor, sin línea de tiempo y sin pagar 300€/mes en software de edición? La respuesta es sí, y se llama Claude Code + Remotion. No es solo «otro editor de videos con IA«: es un sistema que escribe el vídeo como código, lo que significa que puedes pedirle desde una intro animada hecha completamente desde cero hasta la edición de un clip real que ya tienes, pasando por gráficos de datos, subtítulos, demos de producto y vídeos personalizados por lotes. Esta guía cubre la instalación paso a paso verificada, aclara qué versión de Claude necesitas exactamente, cuántos vídeos puedes generar y decenas de prompts listos para copiar.
¿Crea vídeo desde cero o solo edita? (la duda más común)
Ninguna de las dos respuestas es completa por sí sola — hace ambas cosas, y por eso es tan potente:
- Crea vídeo 100% desde cero: texto animado, formas, gráficos, logotipos, transiciones, gráficas de datos — todo generado por código (CSS, SVG, React) dentro de un navegador. No necesitas haber grabado nada antes.
- Edita vídeo que ya tienes: subes tu clip a la carpeta del proyecto y le pides subtítulos, zooms, recuadros, corrección de encuadre o transiciones.
- Combina ambas cosas: tu grabación real + una intro generada desde cero + gráficos animados encima + un outro de marca, todo ensamblado en un único render.
Lo único que no hace es «imaginar» escenas fotorrealistas que no existen en ningún archivo tuyo (una persona caminando por Marte, por ejemplo). Eso es terreno de generadores de vídeo con IA como Sora, Runway o Kling. El combo más usado en 2026 es: generar los clips realistas con esas IAs, y usar Remotion solo para ensamblarlos, ponerles marca, texto y transiciones.
Novedad clave de 2026
En enero se lanzó Remotion Skills, un paquete de reglas que se instala en Claude Code para que ya «sepa» escribir animaciones, transiciones y subtítulos correctos sin que tengas que enseñarle React. Confirma que está activo preguntándole directamente: «¿Tienes cargada la skill de Remotion?»
Antes de empezar: ¿Claude web o Claude Code? (aquí falla mucha gente)
Este es el punto donde más confusión hay, así que vamos a dejarlo claro: el chat normal de Claude.ai (el que usas en el navegador para hacer preguntas) no tiene acceso a tu terminal ni a tus archivos, y por tanto no puede instalar Remotion ni renderizar vídeos.
Para todo este flujo necesitas específicamente Claude Code, que es una herramienta distinta pensada para trabajar con archivos y comandos en tu ordenador. Se accede de tres formas:
- Terminal (CLI): se instala como un binario nativo en tu sistema y se ejecuta escribiendo
claudeen cualquier carpeta. - Aplicación de escritorio de Claude: abres la app, seleccionas la pestaña «Code» en vez de «Chat», y tienes una interfaz gráfica con terminal integrada, sin necesidad de usar la línea de comandos directamente.
- App móvil: puede conectarse de forma remota a una sesión de Claude Code que ya tengas corriendo en tu ordenador.
Necesitas, en cualquiera de los tres casos, una suscripción de pago (Pro, Team o Enterprise): el plan gratuito de Claude no incluye Claude Code.
Instalación completa y verificada, paso a paso
Paso 1: instala Claude Code (si aún no lo tienes)
Si ya usas la app de escritorio de Claude con la pestaña «Code» visible, salta a este paso. Si no, tienes dos caminos:
- App de escritorio: descárgala desde la web oficial de Claude e inicia sesión con tu cuenta.
- Terminal: instala el binario nativo con el instalador oficial para tu sistema operativo y ejecuta
claude loginpara autenticarte.
Paso 2: instala Node.js
Remotion necesita Node.js para funcionar (independientemente de cómo hayas instalado Claude Code). La forma más sencilla es pedírselo directamente a Claude:
Prompt: Instala Node.js en mi ordenador
Claude detecta tu sistema operativo y ejecuta los comandos correspondientes. Solo tienes que aprobar la instalación cuando te lo pida.
Paso 3: abre Claude Code en modo «Code»
Si usas la app de escritorio: en la esquina superior izquierda verás un menú desplegable que dice «Chat». Haz clic y selecciona «Code». Esto activa el modo con acceso a tu terminal y sistema de archivos — es diferente del chat normal que usas para hacer preguntas.
Paso 4: crea el proyecto de Remotion
Según la documentación oficial de Remotion para agentes de código, el comando recomendado ya no lanza un cuestionario interactivo, sino que crea el proyecto directamente en un solo paso:
npx create-video --yes --blank my-video
Esto genera un proyecto en blanco en la carpeta my-video sin preguntas adicionales. (Si prefieres el asistente paso a paso con preguntas sobre plantilla o TailwindCSS, puedes ejecutar npx create-video@latest sin flags y responderlas manualmente; ambos caminos son válidos, pero el comando con flags es el que aparece en la documentación oficial actual.)
Paso 5: instala dependencias y las Remotion Agent Skills
Entra en la carpeta y ejecuta uno por uno:
Bash · Instalación
cd my-video npm install npx remotion skills add
Este último comando es importante y en muchos tutoriales antiguos aparece mezclado con la creación del proyecto: en el flujo oficial actual, instalar las Agent Skills es un paso independiente y explícito, no una pregunta del asistente inicial. Estas skills son las que enseñan a Claude a escribir animaciones, transiciones, subtítulos, mapas y renders correctamente.
Alternativa recomendada solo para Claude Code
En vez de
npx remotion skills add, Remotion mantiene un plugin oficial específico para Claude Code que instala el marketplace y las skills de una vez. Reinicia Claude Code después de instalarlo. A partir de ahí, Claude carga automáticamente las skills relevantes cada vez que le pides crear o editar un vídeo.Bash · Plugin oficial
claude plugin marketplace add remotion-dev/claude-code-plugin claude plugin install remotion@remotion
Paso 6: abre el editor visual (Remotion Studio)
Con las skills ya instaladas, ejecuta:
npm run dev
Esto abrirá Remotion Studio en tu navegador: una herramienta de previsualización donde puedes recorrer la línea de tiempo, reproducir el vídeo y ver cómo se actualiza automáticamente cada vez que Claude modifica el código. Déjalo abierto en una pestaña.
Paso 7: en una nueva pestaña, inicia el agente y describe el vídeo
Abre una segunda ventana o pestaña de terminal (sin cerrar la primera, donde sigue corriendo Remotion Studio), entra de nuevo en la carpeta del proyecto y arranca el agente:
Bash · Iniciar agente
cd my-video claude
Ahora empieza a escribir prompts describiendo el vídeo que quieres. Cuantos más detalles des (colores, duración, texto exacto), mejor será el resultado.
Dato curioso
Este flujo no es exclusivo de Claude Code. La misma documentación oficial confirma que funciona igual con Codex (OpenAI), Kimi Code y OpenCode — el comando final solo cambia de
claude a codex, kimi u opencode.Paso 8: itera hasta que quede perfecto
Pide cambios concretos («haz el texto más grande», «acelera la transición») y la vista previa se actualiza sola. Repite hasta estar conforme.
Paso 9: exporta el vídeo final (con ruta específica)
El comando básico es:
npx remotion render
Pero puedes controlar exactamente qué composición renderizar y dónde guardarla indicando el punto de entrada, el nombre de la composición y la ruta de salida:
npx remotion render src/index.ts MiComposicion out/mi-video-final.mp4
Si no indicas ninguna ruta, el vídeo se guarda automáticamente en la carpeta out/. También puedes pedírselo directamente a Claude en lenguaje natural:
Prompt: Renderiza la composición "IntroEmpresa" y guárdala en ./exportados/intro-final-v2.mp4
Tip
Para usar tus propios vídeos o imágenes, arrástralos a la carpeta
public/ del proyecto y luego pídele a Claude que los use indicando la ruta, por ejemplo ./public/clip.mp4.Comandos directos: las skills que puedes invocar por su nombre
Más allá de escribir en lenguaje natural, las Remotion Agent Skills se pueden invocar directamente con una barra («/») seguida del nombre de la skill, igual que un comando. Esto le dice a Claude exactamente qué «manual de instrucciones» usar antes de escribir el código, y es la forma más precisa de obtener resultados consistentes:
| Comando | Para qué sirve |
|---|---|
/remotion-best-practices |
Skill general que engloba a todas las demás. Úsala si no sabes cuál necesitas. |
/remotion-create |
Crear un proyecto o composición nueva desde cero. |
/remotion-markup |
Buenas prácticas de composiciones, animaciones, layout, tipografía, medios, efectos, audio y timing. |
/remotion-maps |
Mapas estáticos, rutas y marcadores animados, explicativos geográficos con Mapbox, MapLibre, MapTiler, GeoJSON o sobrevuelos 3D con CesiumJS. |
/remotion-captions |
Guía específica para subtítulos y captions. |
/remotion-saas |
Convertir tu proyecto de vídeo en una aplicación o producto (por ejemplo, un generador de vídeos para tus propios clientes). |
/remotion-interactivity |
Hacer que los elementos sean seleccionables y editables directamente desde Remotion Studio. |
/remotion-studio |
Abrir Remotion Studio para ver la vista previa. |
/remotion-render |
Lanzar el render final de un vídeo o una imagen fija (still). |
/remotion-docs |
Buscar en la documentación oficial de Remotion y traerla en Markdown antes de programar (útil para funciones nuevas o poco comunes). |
/remotion-upgrade |
Actualizar Remotion, sus paquetes relacionados y las propias Agent Skills instaladas. |
/remotion-multimedia |
Gestión de audio y vídeo en el navegador (metadatos, formatos) usando Mediabunny. |
Algunos ejemplos reales sugeridos por la propia documentación de Remotion:
/remotion-create Make a promo video for a record store/remotion-markup Create an animated title card using Inter./remotion-maps Animate a route from Los Angeles to New York and make the camera follow it./remotion-saas Turn my video into a SaaS./remotion-docs How to set up Remotion Lambda?
Por qué esto es mejor que un prompt genérico
Cuando invocas la skill por su nombre, Claude consulta primero las reglas específicas de esa skill (por ejemplo, cómo animar un mapa correctamente) en vez de improvisar. Es la diferencia entre «haz un mapa animado» a secas y darle un manual de instrucciones antes de que empiece a escribir código.
¿Cuántos vídeos puedo editar o renderizar?
No hay un límite de número de vídeos impuesto por Remotion. Al renderizar en tu propio ordenador, puedes generar tantos vídeos como quieras, tantas veces como quieras — el único límite real es el tiempo y la potencia de tu máquina (un vídeo de 30 segundos puede tardar segundos o varios minutos según su complejidad y tu hardware).
Dos matices importantes:
- Escalar en la nube: si necesitas renderizar cientos o miles de vídeos a la vez (por ejemplo, un vídeo personalizado por cada cliente), Remotion ofrece renderizado en la nube (Lambda en AWS, Cloud Run en GCP). Ahí sí hay un coste asociado por cada render, que factura el proveedor de la nube, no Remotion.
- La licencia no depende de cuántos vídeos generes, sino del tamaño de tu empresa (ver más abajo). Puedes renderizar un vídeo o diez mil: la licencia gratuita cubre uso ilimitado mientras cumplas las condiciones.
Qué tipos de animaciones puedes pedir (mucho más que subtítulos)
Animación de texto y tipografía
- Aparición por fundido (fade in / fade out)
- Deslizamiento desde cualquier dirección (slide in)
- Efecto «typewriter» letra a letra
- Aparición palabra por palabra sincronizada con audio (karaoke / caption highlight)
- Rebote elástico con física de resorte (spring bounce)
- Escalado y rotación de titulares (zoom punch, kinetic typography)
Transiciones entre escenas
- Crossfade / disolución
- Wipe direccional (barrido horizontal o vertical)
- Morph entre formas o logotipos
- Desenfoque de movimiento (motion blur) entre cortes
- Transiciones tipo «glitch» o distorsión digital
Imágenes, capturas de pantalla y vídeo
- Efecto Ken Burns (zoom lento y panorámica sobre una foto)
- Recuadros de destaque (callout boxes) que señalan una parte de una captura de pantalla
- Zoom progresivo sobre una interfaz de producto (product demo)
- Split screen / pantalla dividida comparando dos vídeos
- Recorte con máscaras SVG y formas personalizadas
- Seguimiento de cursor con zoom automático en grabaciones de pantalla
Gráficos y datos animados
- Gráficos de barras, líneas o circulares que se dibujan en tiempo real
- Contadores numéricos ascendentes (de 0 a la cifra final)
- Dashboards animados para informes de ventas o analítica
- Mapas o comparativas que cambian según datos de una API o un CSV
- Waveforms de audio animadas (audiogramas para clips de podcast)
Marca y elementos gráficos
- Animación de logotipo (entrada, pulso, partículas)
- Lower thirds (rótulos inferiores con nombre y cargo)
- Intros y outros reutilizables con la identidad de marca
- Fondos degradados animados o partículas flotantes
- Confeti, destellos o micro-interacciones de celebración
Ideas y prompts avanzados por categoría (cópialos y adáptalos)
1. Vídeos explicativos generados de principio a fin
- «Crea un vídeo explicativo de 60 segundos sobre ‘qué es el interés compuesto’. Investiga el tema, escribe un guion breve, diséñalo con diagramas animados y una paleta de azules.»
- «Haz un vídeo educativo de 45 segundos explicando cómo funciona una API REST, con diagramas de flujo que se dibujan en pantalla paso a paso.»
2. Demos de producto reales (incluye «clonar» tu propia web)
- «Visita mi web [URL], toma capturas de las pantallas principales y crea un vídeo de lanzamiento de 40 segundos mostrando el producto, con zooms sobre cada función clave y mi paleta de marca.»
- «Usa ./public/dashboard.png. Haz un zoom progresivo hacia la esquina superior derecha mientras aparece un recuadro señalando el botón ‘Exportar’, con flecha animada y el texto ‘Nuevo: exporta en un clic’.»
- «Crea una demo de 20 segundos con tres capturas en secuencia, transición tipo wipe entre cada una, y un contador ‘1 de 3’ en la esquina inferior.»
3. Vídeos para redes sociales
- «Convierte este guion en un Short vertical de 30 segundos, con subtítulos grandes centrados que resaltan en amarillo la palabra que se pronuncia, sobre un fondo con gradiente animado morado a azul.»
- «Renderiza esta misma composición en 9:16, 1:1 y 16:9, ajustando el tamaño del texto a cada proporción.»
- «Crea un audiograma para este episodio de podcast: forma de onda animada en el centro, mi logo arriba y subtítulos abajo, formato cuadrado.»
4. Datos, reportes y vídeos personalizados en masa
- «Lee ./data/ventas.json y crea un gráfico de barras animado con las ventas mensuales, cada barra creciendo de izquierda a derecha y el valor como contador ascendente.»
- «Genera un vídeo de resumen anual (estilo ‘wrapped’) por cada usuario en ./data/usuarios.csv, usando la misma plantilla y sustituyendo nombre, estadísticas y color destacado.»
- «Crea un vídeo de changelog mensual: lee ./data/changelog.json y genera una escena por cada nueva función, con un ícono y una frase de una línea.»
5. Branding y motion graphics
- «Crea una intro de 5 segundos: el logo entra con partículas doradas, hace un pulso suave y se queda fijo en el centro sobre fondo negro.»
- «Diseña un lower third con mi nombre y cargo, entrando desde la izquierda con rebote elástico y saliendo con fundido a los 4 segundos.»
- «Crea un outro reutilizable de 3 segundos con mi logo, el eslogan y los iconos de redes sociales apareciendo en cascada.»
6. Edición de vídeo real que ya grabaste
- «Usa el vídeo en ./public/clip.mp4 y añade subtítulos animados, resaltando en amarillo cada palabra a medida que se pronuncia.»
- «Recorta el silencio del principio del clip, añade un zoom suave sobre mi cara en el segundo 10 y pon música de fondo a bajo volumen.»
- «Divide la pantalla: mi cámara a la izquierda, la grabación de pantalla ./public/demo.mp4 a la derecha, con un borde redondeado en ambas.»
7. Iterar, pulir y renderizar (los prompts que más se usan en la práctica)
- «Haz el texto un 30% más grande y cambia la tipografía a una sans-serif más gruesa.»
- «Suaviza la transición entre la escena 2 y 3: en vez de corte seco, un crossfade de medio segundo.»
- «El logo aparece demasiado rápido. Añade un retraso de 10 fotogramas antes del rebote.»
- «Cambia la paleta completa a tonos verdes sin tocar las animaciones.»
- «Renderiza la composición actual en 1080p y guárdala como ./exportados/version-final.mp4.»
/remotion-render— invoca directamente la skill de renderizado, que sabe elegir la composición y el formato de salida correctos sin que tengas que recordar la sintaxis del comando.
Buena práctica
Pide a Claude que divida el vídeo en un componente por escena en vez de un solo archivo gigante. El código queda más limpio, es más fácil pedir cambios puntuales y se reutiliza entre proyectos.
Cuándo NO conviene usar este flujo
Remotion brilla cuando el vídeo está basado en datos, es repetible o debe seguir exactamente un sistema de diseño: un changelog, un diagrama animado, una demo de producto. No es la herramienta adecuada para recortar errores de una grabación con cámara casera, corregir color de material filmado con matices sutiles, o crear movimiento orgánico y fotorrealista — ahí sigue ganando un editor tradicional o una IA generativa de vídeo.

Remotion frente a otras herramientas de vídeo programático
| Herramienta | Mejor para |
|---|---|
| Remotion | Vídeo dirigido por datos, componentes React, integración con Claude Code |
| Motion Canvas | Animaciones coreografiadas a mano, vídeos explicativos largos |
| Revideo | Pipelines de producción de vídeo totalmente automatizados |
| Hyperframe | Exportar directamente HTML/CSS/JS ya existentes a MP4 |
Licencia: lo que nadie te cuenta antes de escalar
Advertencia sobre licencias
Remotion es gratuito para uso individual, sin ánimo de lucro y para empresas de hasta 3 empleados, con uso ilimitado en número de vídeos. A partir de 4 empleados en la organización, se requiere una licencia comercial de pago (Remotion Company License). El uso de Claude Code para escribir el código es independiente de esto: la licencia se aplica al framework Remotion, no a la IA que lo escribe. Revisa las condiciones actuales en remotion.dev antes de usarlo en un proyecto de empresa.
Preguntas frecuentes
¿Es lo mismo Claude Code que el Claude que uso en el navegador?
No. El chat normal de claude.ai no tiene acceso a tu terminal ni a tus archivos. Necesitas Claude Code específicamente, accesible desde la terminal, la pestaña «Code» de la app de escritorio, o de forma remota desde el móvil.
¿Es realmente gratis?
Para uso individual, educativo, sin ánimo de lucro o en una empresa de hasta 3 personas, sí, con vídeos ilimitados. A partir de 4 empleados se necesita licencia comercial de Remotion (Claude Code se paga aparte, con tu suscripción habitual).
¿Cuántos vídeos puedo generar en total?
No hay límite de Remotion sobre el número de vídeos que puedes renderizar localmente. El único límite es el tiempo/potencia de tu ordenador, o el coste de la nube si decides escalar con Remotion Lambda o Cloud Run.
¿Necesito saber programar?
No. Describes el vídeo en lenguaje natural y Claude Code escribe el código React. Ayuda tener nociones básicas de terminal.
¿Puede investigar el tema y escribir el guion por mí?
Sí. Puedes darle solo un tema («explica qué es el interés compuesto») y Claude investigará, escribirá el guion, diseñará las escenas y las animará, todo en la misma conversación.
Conclusión: de «editor de vídeo» a «director que da instrucciones»
Claude Code y Remotion no sustituyen a un editor profesional en piezas artísticas únicas o grabaciones con acción en vivo, pero cambian por completo las reglas del juego para vídeo de marketing, redes sociales, informes de datos, demos de producto y contenido a escala. Si tu objetivo es producir mucho vídeo consistente y de marca sin depender de un equipo de motion design ni de software caro, este flujo de trabajo es hoy una de las formas más rápidas y económicas de conseguirlo.



