La Bóveda de Manu Lizama
Guía · Claude Code + Remotion

La skill de Claude que hace reels con código

Monta tu propia skill /reel con Claude Code y las skills oficiales de Remotion: de una sola línea salen el guion, la voz sincronizada, las escenas animadas y el render.

Nivel AvanzadoTiempo 40 minCoste Remotion gratis hasta 3 personas + vozWindows y Mac
Una guía de Manu Lizama · @manulizamaes
  1. 01Crea el proyectoUn proyecto de Remotion con sus skills oficiales instaladas.
  2. 02Añade tu skill /reelUn archivo une guion, voz, escenas, subtítulos y render.
  3. 03Pide el reel en una líneaApruebas el guion, Claude monta el vídeo y lo renderiza.
01 / 06

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:

ProyectoQué hacePor qué no es la base
Remotion Agent SkillsSkills oficiales para crear, animar, subtitular y renderizarEs la base de esta guía, pero no trae un flujo de reel completo
claude-code-video-toolkitGuion, voz, música, imágenes y renderPide configuración propia, y su plantilla vertical usa Python y moviepy, no Remotion
claude-animated-shortsCortos animados con Remotion y three.jsEs un solo estilo de dibujos, la voz la pones tú y el repo se creó el 1 de noviembre de 2026
remotion-adsAnuncios y reels con voz de ElevenLabsTrabaja 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.

02 / 06

Lo que necesitas

Remotion crea vídeo con código React: cada escena es un componente y el render saca el archivo final.

PiezaPara qué
Claude CodeEscribe el guion y el código.
Node.jsEjecuta Remotion.
Clave de ElevenLabsGenera la voz. Sirve cualquier servicio que cree un archivo de audio.
Licencia de RemotionGratis 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.

03 / 06

Crea el proyecto

Estos son los pasos de la documentación de Remotion para agentes de código.

  1. Crea un proyecto en blanco.
Terminal
npx create-video --yes --blank my-video
  1. Entra en la carpeta e instala las skills.
Terminal
cd my-video
npx remotion skills add
  1. Abre la vista previa.
Terminal
npm run dev
  1. En una segunda terminal, abre Claude Code en la misma carpeta.
Terminal
cd my-video
claude
  1. Crea un archivo .env en my-video y escribe en él tu clave. No la pegues en el chat.
.env
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.

04 / 06

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.

.claude/skills/reel/SKILL.md
---
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.

05 / 06

Pide el reel en una línea

Abre una sesión nueva de Claude Code para que cargue la skill.

Claude Code
/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:

Pedir cambios
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:

Terminal
npx remotion render Reel out/reel.mp4

Estas skills oficiales también puedes usarlas sueltas:

ComandoPara qué
/remotion-createCrear un proyecto o una composición.
/remotion-markupEscribir escenas, animaciones, audio y tipografía.
/remotion-captionsCrear subtítulos.
/remotion-studioAbrir la vista previa.
/remotion-renderRenderizar vídeo o imágenes.
06 / 06

Si algo falla

Lo que pasaSolución
/reel no apareceComprueba la ruta .claude/skills/reel/SKILL.md y abre una sesión nueva.
No se genera la vozRevisa la clave en .env y pide a Claude que confirme que la carga. No le pegues la clave.
La voz y la escena se desfasanPide que use calculateMetadata con la duración real de cada audio.
El texto se cortaPide que revise fotogramas de esa escena y deje más margen.
No sabes qué licencia necesitasUsa /remotion-license o consulta su FAQ.
Este flujo une piezas oficiales de Remotion con una skill escrita para esta guía. No es un producto de Remotion ni de Anthropic.

¿Te ha servido? Recibe la siguiente antes que nadie

Una guía nueva cada semana, directa a tu correo.

Uso tu correo solo para enviarte guías y novedades. Puedes darte de baja cuando quieras.

Más de la Bóveda

  • Edita tus vídeos con Claude · Cowork para ordenar, skills para editar

    GuíaIntermedio

    Una carpeta con material, referencias y resultados, Claude Cowork para organizar el trabajo y skills reales para subtítulos, animaciones, audio y análisis de vídeos. Le das 5 vídeos editados y aprende tu estilo.

    45 min Plan de Claude + ElevenLabs Windows · Mac
  • Arena Skill · Cuando Claude no da con la respuesta, que compitan

    GuíaIntermedio

    Una skill gratuita de Claude Code que da la misma tarea a 100 subagentes con estrategias distintas y los enfrenta en un torneo hasta que queda una sola respuesta. Con modo rápido de 16 para el día a día.

    5 min Gratis (gasta uso de tu plan) Windows · Mac
  • 5 herramientas para Claude Code · Modelos, memoria, ahorro y mejora continua

    GuíaIntermedio

    OmniRoute, Claude Mem, Headroom, Claude Code Setup y Task Observer: qué hace cada una, cómo se instala y qué debes mirar antes de dejarla activa.

    30 min Gratis Windows · Mac

Ver toda la Bóveda →

Sígueme en Instagram @manulizamaesCada reel trae su guía aquí.
Manu Lizama

Bienvenido a la Bóveda

Guías, repos y prompts de IA para tu negocio, cada semana

Nueva guíaArena Skill: 100 Claudes compitiendo

Recibe la próxima guía antes que nadie

Uso tu correo solo para enviarte guías y novedades. Puedes darte de baja cuando quieras.