Primero, lo que hay
He buscado una skill que hiciera todo esto desde una línea. No he encontrado ninguna que sea concreta y fiable a la vez.
Por eso aquí montas tu propia skill con piezas oficiales. Estas son las alternativas que he revisado:
| Proyecto | Qué hace | Por qué no es la base |
|---|---|---|
| Remotion Agent Skills | Skills oficiales para crear, animar, subtitular y renderizar | Es la base de esta guía, pero no trae un flujo de reel completo |
| claude-code-video-toolkit | Guion, voz, música, imágenes y render | Pide configuración propia, y su plantilla vertical usa Python y moviepy, no Remotion |
| claude-animated-shorts | Cortos animados con Remotion y three.js | Es un solo estilo de dibujos, la voz la pones tú y el repo se creó el 1 de noviembre de 2026 |
| remotion-ads | Anuncios y reels con voz de ElevenLabs | Trabaja con configuración de marca y un JSON de escenas, y su última actualización es de mayo de 2026 |
Si quieres una herramienta más completa y no te importa configurarla, prueba claude-code-video-toolkit.
Lo que necesitas
Remotion crea vídeo con código React: cada escena es un componente y el render saca el archivo final.
| Pieza | Para qué |
|---|---|
| Claude Code | Escribe el guion y el código. |
| Node.js | Ejecuta Remotion. |
| Clave de ElevenLabs | Genera la voz. Sirve cualquier servicio que cree un archivo de audio. |
| Licencia de Remotion | Gratis para particulares y equipos de hasta 3 personas. |
Si tu empresa tiene 4 personas o más, necesitas licencia de pago. La opción para quien programa o usa agentes cuesta 25 $ al mes por persona. La de automatización cuesta 0,01 $ por render, con un mínimo de 100 $ al mes. Consulta su FAQ de licencias para ver qué caso es el tuyo.
Crea el proyecto
Estos son los pasos de la documentación de Remotion para agentes de código.
- Crea un proyecto en blanco.
npx create-video --yes --blank my-video
- Entra en la carpeta e instala las skills.
cd my-video npx remotion skills add
- Abre la vista previa.
npm run dev
- En una segunda terminal, abre Claude Code en la misma carpeta.
cd my-video claude
- Crea un archivo
.envenmy-videoy escribe en él tu clave. No la pegues en el chat.
ELEVENLABS_API_KEY=tu_clave
Pídele a Claude que compruebe que .env está en .gitignore antes de subir el proyecto a ningún sitio.
Añade tu skill /reel
Este archivo reúne todo el proceso. Es lo que convierte una línea en un reel.
Crea el archivo .claude/skills/reel/SKILL.md dentro de my-video con este contenido. También puedes pegárselo a Claude y pedirle que lo cree. Cambia el tono y los colores por los tuyos.
--- name: reel description: Crea un reel vertical con Remotion a partir de una sola línea: guion, voz sincronizada, escenas animadas, subtítulos y render. Úsala cuando pida un reel o escriba /reel. --- # Reel con código El tema es lo que venga después de /reel. 1. Guion. Escribe un gancho, entre 3 y 5 escenas y un cierre. Una frase de voz por idea. No inventes datos: si necesitas uno que no puedes comprobar, pregúntamelo. Enséñame el guion y espera mi ok antes de generar la voz. 2. Voz. Sigue la regla voiceover de la skill remotion-markup. Genera un audio por escena en public/voiceover/. Lee ELEVENLABS_API_KEY del archivo .env. Nunca escribas la clave en el código ni la muestres. 3. Sincronía. Usa calculateMetadata para que la duración de cada escena y de la composición salga de la duración real de su audio. No escribas duraciones a mano. 4. Escenas. Crea una composición de 1080x1920 a 30 fps con la skill remotion-markup. Cada escena anima lo que dice su voz. Deja márgenes para la interfaz de Instagram. Tono: [TU TONO]. Colores: [TUS COLORES]. 5. Subtítulos. Añádelos con la skill remotion-captions, sincronizados con la voz. 6. Revisión. Comprueba varios fotogramas de cada escena y arregla textos cortados o solapados. 7. Render. Usa la skill remotion-render y guarda el MP4 en out/. Dime la ruta y la duración final.
Cómo consigue la sincronía: la regla oficial de Remotion genera un audio por escena y usa calculateMetadata para ajustar la composición a su duración. Así, si cambia la voz, cambia también la duración de la escena.
Pide el reel en una línea
Abre una sesión nueva de Claude Code para que cargue la skill.
/reel Tres errores al empezar con Claude Code
Claude escribe el guion y se para a esperar tu ok. Lo hace a propósito: revisar el texto antes evita gastar voz en un guion que luego cambiarías.
Cuando apruebes el guion, sigue solo hasta el render. Mientras tanto, puedes mirar el resultado en la vista previa de npm run dev. Para cambiar algo, pídelo con normalidad:
La escena 2 va lenta. Acorta el texto, vuelve a generar solo su voz y renderiza otra vez.
Si quieres renderizar a mano, este es el formato del comando. Reel es el nombre de ejemplo de la composición:
npx remotion render Reel out/reel.mp4
Estas skills oficiales también puedes usarlas sueltas:
| Comando | Para qué |
|---|---|
/remotion-create | Crear un proyecto o una composición. |
/remotion-markup | Escribir escenas, animaciones, audio y tipografía. |
/remotion-captions | Crear subtítulos. |
/remotion-studio | Abrir la vista previa. |
/remotion-render | Renderizar vídeo o imágenes. |
Si algo falla
| Lo que pasa | Solución |
|---|---|
/reel no aparece | Comprueba la ruta .claude/skills/reel/SKILL.md y abre una sesión nueva. |
| No se genera la voz | Revisa la clave en .env y pide a Claude que confirme que la carga. No le pegues la clave. |
| La voz y la escena se desfasan | Pide que use calculateMetadata con la duración real de cada audio. |
| El texto se corta | Pide que revise fotogramas de esa escena y deje más margen. |
| No sabes qué licencia necesitas | Usa /remotion-license o consulta su FAQ. |