Cómo hacer un vídeo con Claude Code (paso a paso, 2026)

Sí. Claude Code puede hacer vídeos: escribe la animación como código y renderiza un MP4 en tu propio ordenador. Las opciones habituales son los skills de agente de Remotion, HyperFrames o un skill de vídeo completo de Motion Skills, que planifica, compone la música y renderiza un vídeo completo. Claude Code está incluido en Claude Pro y Max, y no necesitas Claude Motion, que es una beta aparte dentro de Claude en los planes Team y Enterprise.

A continuación: las cuatro opciones lado a lado, un recorrido paso a paso desde la instalación hasta el MP4 con Motion Director, el skill gratuito, y un vídeo real explicado desde su brief hasta su última revisión.

Verificado con la página de precios de Claude, la guía de inicio rápido de Claude Code, la guía para agentes de programación de Remotion y el README de HyperFrames el 29 de octubre de 2026.

Cuatro formas de hacer vídeo con Claude Code

Opción	Qué escribes	Qué obtienes	Configuración	Coste
Un prompt a Opus	Nada; Claude escribe una animación HTML	Una página que se anima en el navegador; la grabas o la renderizas tú	Ninguna	Tu plan de Claude
Remotion + sus skills de agente	Componentes de React, escritos por Claude	Un MP4, a partir de un proyecto de Remotion que conservas	npx create-video y luego npx remotion skills add	La licencia propia de Remotion (consulta su página de licencia)
HyperFrames	HTML, CSS y GSAP, escritos por Claude	Un MP4, renderizado en Chrome en modo headless con FFmpeg	npx hyperframes init, o su plugin de Claude Code	Código abierto (Apache 2.0)
Un skill de vídeo completo de Motion Skills	Tu material y una frase	Un vídeo completo: una dirección, una banda sonora original, comprobaciones, el MP4	La instalación de una frase que verás más abajo	Motion Director es gratis; $4.90 por skill, o un plan

Un prompt a Opus es la forma más rápida de ver lo que Claude puede animar: pide "un título animado de 15 segundos para mi app, como un solo archivo HTML" y ábrelo. El resultado cambia de una ejecución a otra, y convertirlo en un MP4 queda en tus manos. Nuestra página de prompts de Claude Motion tiene prompts que la gente ha compartido justo para esto.

Remotion es el framework de referencia para hacer vídeo con React. Su guía para agentes de programación te indica crear un proyecto con npx create-video --yes --blank my-video, añadir sus skills de agente con npx remotion skills add, ver la vista previa con npm run dev e iniciar Claude Code en una segunda terminal. Es adecuado para desarrolladores que quieren control total sobre cada componente. Consulta la licencia de Remotion antes de usarlo en el trabajo. Cómo se comparan sus skills de agente con un skill de vídeo completo: Skills de agente de Remotion frente a Motion Skills.

HyperFrames, de HeyGen, es un framework de código abierto que convierte "HTML, CSS, multimedia y animaciones navegables en el tiempo" en archivos MP4. Puedes instalarlo como plugin de Claude Code o empezar un proyecto con npx hyperframes init my-video y renderizar con npx hyperframes render. Nuestras plantillas de movimiento anteriores, que ahora se conservan como ejemplos, se hicieron con él. Para ver los dos motores lado a lado, consulta HyperFrames frente a Remotion.

Un skill de vídeo completo de Motion Skills lo carga tu agente. No escribes componentes: le das tu proyecto, notas, datos o guion y le dices para qué es el vídeo. Elige una dirección y te muestra un fotograma clave, escribe el vídeo como código, compone su música, comprueba cada fotograma y renderiza el MP4 con nuestro motor abierto, motion-skills (mo). El resto de esta guía sigue esta opción.

Qué necesitas

• Claude Code, en Claude Pro o Max (también en Team, Enterprise o una cuenta de Claude Console; no está en el plan gratuito).
• Node.js 22 o superior.
• FFmpeg (brew install ffmpeg en macOS).
• Google Chrome. El renderizador lo controla en modo headless.

El motor se instala solo a través de npx la primera vez que renderiza; no hace falta ninguna clave de API. El primer paso del skill, mo doctor, comprueba los tres y te dice qué falta. Tienes más información sobre dónde van los skills en Cómo instalar skills de agente.

Paso a paso con Motion Director

Motion Director es gratis y solo pide iniciar sesión con Google. Hace un vídeo de 10–20 segundos de cualquier tipo: un teaser de lanzamiento, una cifra que impacta, una idea explicada, un gancho vertical.

1. Instálalo con una frase

Abre Claude Code en una carpeta (tu proyecto o una vacía) y pega:

Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.

Claude Code lee la guía y ejecuta un comando, npx motion-skills install motion-director. La primera vez se abre una página en tu navegador: inicia sesión con Google y aprueba el código que muestra tu terminal. ¿Prefieres usar la terminal tú mismo? Cada página de skill tiene el comando para Claude Code, Codex, Cursor y Gemini CLI: pulsa Copiar prompt de instalación y abre la pestaña Instalar desde la terminal.

2. Dale tu material

Di de qué trata el vídeo y señala lo que debe usar: el repo en el que está, un README, un CHANGELOG, una hoja de cálculo, un enlace, un guion. Por ejemplo:

Haz un teaser de lanzamiento de 15 segundos para esta app a partir de README.md y las notas de la 2.0 en CHANGELOG.md. 16:9, para nuestra web.

El skill empieza un sources.md: cada frase, cifra y nombre que podría mostrar, con el archivo o la URL de donde salió. Solo pregunta lo que cambiaría el vídeo (dónde se reproduce, la duración, tu marca), con sus valores por defecto ya escritos. ¿Aún no tienes material? Usa un changelog de ejemplo que viene con el skill y te lo dice.

3. Elige una dirección

Antes de construir nada, el skill propone tres direcciones para tu vídeo, cada una con una frase y una imagen fija en su propio estilo y paleta (tipografía cinética, historia con datos o pizarra en Motion Director). Eliges una, o las mezclas («los colores de la segunda con la primera»); si dijiste «hazlo ya», elige la más fuerte y te dice cuál. Después escribe un tratamiento breve para esa dirección: cuándo llega el gancho, cuándo llega el mensaje en el tiempo más fuerte de la música y el final sostenido. Esta es tu revisión del storyboard: una imagen fija se cambia más rápido que un vídeo terminado.

4. Deja que lo construya, lo compruebe y le ponga música

Escribe el vídeo como un solo index.html (HTML y GSAP) y luego revisa su propio trabajo: una hoja de contactos de todo el vídeo, mo check para los errores, mo audit para que cada línea en pantalla tenga una fuente, y fotogramas fijos de los momentos clave, que abre y corrige. Escribe una banda sonora original con un motivo corto para tu tema. No puede oír, así que te cuenta lo que ha escrito.

5. Pide un cambio

Mira el render y di qué cambiar con palabras normales: "el logo entra demasiado tarde", "usa nuestro verde", "mantén la última línea más tiempo". El skill hace el cambio más pequeño en ese lugar y momento y vuelve a renderizar. También puedes ejecutar mo studio para abrir una vista previa en directo, pulsar C, hacer clic en el fotograma al que te refieres y escribir ahí el cambio.

6. Obtén el MP4

El último render se guarda en tu proyecto con su ruta, duración y formato, una nota de una línea sobre el estilo y la música, y un handoff.md. Cuando quieras el vídeo completo de ese tipo, ya sea un vídeo de lanzamiento de 30–90 segundos, un explicativo o un vídeo de datos, el skill de vídeo completo correspondiente continúa desde la misma carpeta.

Un ejemplo real: "Claude Code en tres pasos"

Este vídeo de 29 segundos se hizo con nuestro skill Guía paso a paso, que funciona igual que Motion Director, con un vídeo más largo y más estilos.

El brief. "Un recorrido de onboarding de 30 segundos en 16:9 para personas con un plan Claude Pro o Max que nunca han usado Claude Code, para nuestra web y un email de primeros pasos: instalarlo, iniciarlo en un proyecto, pedirle algo. Usa solo la guía de inicio rápido oficial; no inventes comandos ni salidas." El material fueron las páginas públicas de inicio rápido y configuración de Claude Code, más una ejecución real de claude --version.

Las direcciones. El skill propuso tres: una terminal grande con una barra de pasos, una única línea de comandos infinita que cruza campos de color, y un mapa del sistema con lo que toca cada comando. Eligió la terminal: "el mensaje es un flujo de trabajo y la interfaz es una terminal, así que la prueba más fuerte son los comandos reales escritos en grande". También nombró el riesgo desde el principio: no había ninguna captura real de una sesión, así que esa pantalla tenía que leerse como simplificada, y en el vídeo lleva la etiqueta "diseño simplificado".

El plan. Un tratamiento en compases a 112 BPM: instalar, iniciar, preguntar, luego la respuesta de ejemplo en el clímax y el comando de instalación como cierre. Cada palabra en pantalla está vinculada a la guía de inicio rápido en su sources.md; la línea de versión es la salida real.

La revisión. Después del primer render, mo qa mostró una pausa de 3 segundos después del paso 1 y otra de 2 segundos después del paso 2 que no hacían falta. Los pasos 2 y 3 se adelantaron y el clímax llegó un compás antes, por eso el vídeo dura 29 segundos en lugar de 30.

El código fuente del vídeo, con sus direcciones, su tratamiento y sus fuentes, viene con el skill Guía paso a paso como ejemplo.

Elige un skill de vídeo completo para tu tipo de vídeo

Motion Director se detiene en 20 segundos a propósito. Para el vídeo completo, cada tipo de vídeo tiene su propio skill de vídeo completo, con sus estilos incluidos:

• Lanzamientos: vídeos de lanzamiento, recorridos guiados, comparativas, intros de marca, promos de eventos, vistas previas para tiendas de apps.
• Enseñar: explicativos, lecciones, explicativos de papers, cronologías, explicativos de matemáticas.
• Redes: shorts verticales, vídeos con presentador a cámara, títulos y transiciones, tarjetas para redes.
• Informes: vídeos de datos, novedades del equipo, repeticiones de sesiones, presentaciones narradas, actualizaciones para inversores.

Cada skill de vídeo completo cuesta $4.90, o todos vienen con un plan: $9.90 al mes, $79 al año o $169 una sola vez por el pase vitalicio de fundador. Consulta los precios.

Solución de problemas

• "FFmpeg not found" o "Chrome not found". Ejecuta mo doctor (npx --yes motion-skills doctor); te dice qué falta. En macOS, brew install ffmpeg; instala Google Chrome desde la web de Google.
• Claude Code no usa el skill. Inicia una sesión nueva de Claude Code después de instalarlo, para que lea el skill nuevo, y vuelve a pedirlo nombrándolo: "usa el skill motion-director".
• El sandbox bloquea un navegador o un servidor local. El skill necesita ambos para sus comprobaciones visuales. Apruébalos cuando Claude Code lo pida; no dejes que se salte las comprobaciones.
• El vídeo dura más de 20 segundos. Motion Director hace los 20 segundos más fuertes y te dice qué skill de vídeo completo hace el vídeo entero.

¿No usas Claude Code?

Los mismos skills funcionan en Codex, Cursor y Gemini CLI, que también es la opción con el plan gratuito de Claude. Dónde guarda cada agente sus skills está en Cómo instalar skills de agente. Si buscabas Claude Motion en sí, consulta ¿Claude Motion no está en tu plan?. Paso a paso para esos agentes, con la carpeta que lee cada uno: Hacer vídeos con Codex, Cursor o Gemini CLI.

Preguntas

¿Puede Claude Code hacer vídeos?

Sí. Claude Code puede escribir animación como código y renderizarla en un MP4 en tu ordenador. Las opciones habituales son los skills de agente de Remotion (React), HyperFrames (HTML y GSAP) o un skill de vídeo completo de Motion Skills, que planifica, compone la música y renderiza un vídeo completo. Claude Code está incluido en Claude Pro y Max.

¿Necesito Claude Motion para hacer vídeos con Claude?

No. Claude Motion es una función beta aparte dentro de Claude en los planes Team y Enterprise. Claude Code en Pro o Max puede hacer el mismo tipo de animación hecha con código con un skill, renderizada en tu propio ordenador.

¿Qué necesito tener instalado?

Node.js 22 o superior, FFmpeg y Google Chrome. El motor motion-skills se instala solo a través de npx la primera vez que renderiza, y no hace falta ninguna clave de API.

¿Es gratis?

Motion Director es gratis con solo iniciar sesión con Google y hace vídeos de 10–20 segundos. Cada skill de vídeo completo cuesta $4.90, o todos vienen con un plan: $9.90 al mes, $79 al año o $169 una sola vez. No hay créditos; el único consumo es el de tu propio plan de Claude.

¿Mi vídeo sale de mi ordenador?

El vídeo se construye y se renderiza en tu ordenador. Cuando termina un render, el motor le dice a claude-motion.com qué skill lo renderizó y si funcionó, nada sobre el vídeo; configurar MOTION_SKILLS_TELEMETRY=0 lo desactiva.

Fuentes

• Anthropic, Claude pricing (qué planes incluyen Claude Code)
• Anthropic, Claude Code quickstart
• Remotion, Coding agents
• HeyGen, HyperFrames on GitHub

Esta guía es independiente y no está afiliada a Anthropic, Remotion ni HeyGen. Claude es una marca registrada de Anthropic, PBC. Verificado con las páginas anteriores el 29 de octubre de 2026.