Constructor de Video con Remotion

Qué hace

Construye videos programáticos usando componentes de React renderizados cuadro por cuadro, útiles para videos cortos verticales, gráficos de datos animados y B-roll a partir de capturas de pantalla. Se integra con flujos de edición de video existentes.

Cuándo usarla

• Al generar videos cortos para redes sociales a partir de datos o guión
• Al necesitar gráficos animados dentro de un video explicativo
• Al automatizar la producción de B-roll a partir de capturas de pantalla

Pasos

1. Definir el guión o storyboard del video por segmentos
2. Estructurar la composición en React con los segmentos definidos
3. Animar los gráficos de datos o elementos visuales necesarios
4. Incorporar capturas de pantalla como B-roll si aplica
5. Renderizar una vista previa para revisión
6. Exportar el video final solo después de la aprobación del cliente

La skill

---
name: remotion-video-builder
description: Crea composiciones de video en React renderizadas cuadro por cuadro, incluyendo videos verticales, gráficos de datos animados y B-roll.
---

# Constructor de Video con Remotion

## 1. Qué hace
Construye videos programáticos usando componentes de React renderizados cuadro por cuadro, útiles para videos cortos verticales, gráficos de datos animados y B-roll a partir de capturas de pantalla. Se integra con flujos de edición de video existentes.

## 2. Cuándo usarla
- Al generar videos cortos para redes sociales a partir de datos o guión
- Al necesitar gráficos animados dentro de un video explicativo
- Al automatizar la producción de B-roll a partir de capturas de pantalla

## 3. Pasos
1. Definir el guión o storyboard del video por segmentos
2. Estructurar la composición en React con los segmentos definidos
3. Animar los gráficos de datos o elementos visuales necesarios
4. Incorporar capturas de pantalla como B-roll si aplica
5. Renderizar una vista previa para revisión
6. Exportar el video final solo después de la aprobación del cliente

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/remotion-video-builder/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.