# Crea y revisa un vídeo promocional con Remotion y Claude Code

Configura el proyecto, guarda instrucciones de animación y comprueba el vídeo renderizado con el brief del producto.

[HTML](https://lukejbyrne.com/library/guides/vc8ry3ij5h4/?lang=es)
Idioma del texto: es
Autor: Luke Byrne
Vídeo publicado el: 2026-02-19
Guía publicada el: 2026-11-02

[Ver el vídeo](https://www.youtube.com/watch?v=vc8rY3IJ5h4)
Idioma del vídeo: Inglés

## Crea el proyecto e instala la habilidad

Luke demuestra Remotion con Claude Code y comunica un vídeo promocional SaaS generado en unos 16 minutos. Es el tiempo de su ejemplo, no un plazo garantizado. Los recursos conservados son https://remotion.dev, https://remotion.dev/prompts y https://www.remotion.dev/ para proyecto y referencias de prompts.

1. npx create-video@latest
2. npx skills add remotion-dev/skills

## Da a Claude las instrucciones de animación

Inicia Claude normalmente conservando las comprobaciones de permisos y usa /skills para revisar la habilidad. La fuente aporta dos instrucciones reproducidas abajo: prompts detallados y habilidad Remotion, y subdirectorios separados para animaciones con contexto raíz compartido.

Las animaciones se crean con prompts sencillos, así que utiliza un prompt muy detallado y pide a Claude que use la habilidad de Remotion. No hagas nada todavía; solo confirma que has recibido esta instrucción.

Pide a Claude que cree un subdirectorio separado para cada animación para mantener el orden. Tendrás una carpeta raíz que no debería contener animaciones y varias subcarpetas para cada animación. Así conservarás el contexto necesario para que Claude no repita los mismos errores al crear otra animación. (De nuevo, no hagas nada todavía; solo confirma que has recibido esta instrucción.)

1. Describe producto real, recursos, orden de escenas, textos y duración prevista antes de pedir la animación. Mantén afirmaciones y capturas acordes con el producto presentado.
2. Pide primero a Claude que confirme las instrucciones y después una animación concreta en su subdirectorio. Inspecciona estructura y vista previa antes de ampliar a una secuencia completa.

## Inspecciona la edición y renderiza la versión elegida

El vídeo pasa al editor Remotion en 10:01, renderizado en 10:40 y mejoras en 11:25. Una vista previa funcional y un archivo terminado son comprobaciones distintas. Conserva el proyecto con la exportación para poder cambiar texto, tiempos y diseño.

1. Revisa secuencia, legibilidad, precisión del producto, transiciones, inicio y final. Pide un cambio concreto para un problema visible en vez de regenerarlo todo sin conservar una referencia.
2. Renderiza la versión por la vía compatible del proyecto y mira el archivo exportado real. Compara tiempos, encuadre y escenas con la vista previa y conserva problemas pendientes para otra revisión.

## Conclusión

Guarda estructura e instrucciones con la exportación final. Una promoción generada útil se puede inspeccionar, revisar y renderizar de forma coherente.

## Recursos de la guía

- [ailuke.short.gy](https://ailuke.short.gy/vc8rY3IJ5h41)
- [ailuke.short.gy](https://ailuke.short.gy/vc8rY3IJ5h42)
- [remotion.dev](https://remotion.dev)
- [remotion.dev](https://remotion.dev/prompts)
- [remotion.dev](https://www.remotion.dev/)

## Capítulos

- [0:00 Qué es Remotion](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=0s)
- [0:45 Primeros pasos](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=45s)
- [1:44 Configuración paso a paso](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=104s)
- [3:33 Cómo funcionan las habilidades de Claude](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=213s)
- [5:37 Remotion dentro de Claude Code](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=337s)
- [6:30 Escribir prompts detallados](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=390s)
- [7:35 Generar una promoción completa automáticamente](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=455s)
- [10:01 El editor de vídeo de Remotion](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=601s)
- [10:40 Renderizado](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=640s)
- [11:25 Mejorar el resultado](https://www.youtube.com/watch?v=vc8rY3IJ5h4&t=685s)

## Fuentes y límites

Preparado el 2 de noviembre de 2026 a partir de la descripción publicada y los capítulos. Las acciones son orientación editorial para seguir el proceso. El vídeo completo no se vio ni se transcribió de forma independiente y no se realizó una nueva prueba del producto. La configuración, disponibilidad y ofertas pueden haber cambiado desde la grabación. La fuente incluye la línea histórica claude –dangerously-skip-permissions, con un guion tipográfico. Se conserva como texto fuente, no como comando que copiar: la opción evita confirmaciones de permisos y la guía utiliza el inicio normal con comprobaciones.

[Vídeo original](https://www.youtube.com/watch?v=vc8rY3IJ5h4)
