remotion-motion-graphics: convierte tu logo y tus textos en motion graphics exportables a MP4 con Remotion

¿Para quién es?

Este Skill está pensado para quienes quieren mantener el motion graphics como código: responsables de marca, creadores de vídeo corto o desarrolladores front-end que quieran partir de un vídeo de referencia y un logo para producir kinetic-typography (tipografía cinética), animaciones de logo o spots de marca, y exportar directamente un MP4. Según la documentación oficial, admite generar tanto formato vertical 9:16 como horizontal 16:9 desde la misma base de código.

No es adecuado en estos casos: entornos sin Node.js 18+ (requerido por Remotion 4) o sin ffmpeg / ffprobe en el PATH, ya que los scripts de análisis e inspección no podrán ejecutarse; en el primer render, Remotion descarga Chrome automáticamente, y en entornos con red restringida puede atascarse en ese paso. La evidencia oficial no indica si se admiten otros runtimes o plataformas, ni qué idiomas soporta el agente; esto queda como desconocido.

Primer intento en 3 minutos

La ruta principal recomendada es la instalación local con Claude Code:

1. Requisitos previos: Node.js 18+ y ffmpeg / ffprobe en el PATH.
2. Ejecuta en la terminal el comando de instalación oficial para copiar el Skill en ~/.claude/skills/:

git clone https://github.com/Boriwatopal/agent-skill-remotion-motion-graphics.git /tmp/rmg && \
cp -R /tmp/rmg/skills/remotion-motion-graphics ~/.claude/skills/ && rm -rf /tmp/rmg

1. En Claude Code, lanza una tarea de bajo riesgo: entrega un vídeo de referencia y un logo (SVG o sitio web) y pide primero solo el análisis — que el agente genere un beat map a partir de los contact sheets del vídeo de referencia, extraiga colores, tipografías y textos de los materiales de marca, y mapee las rutas del logo para animar el texto y los gráficos por separado. En la fase de análisis, no pidas aún el render final.

Señal de éxito: el agente lee los materiales y entrega un beat map junto con la extracción de los elementos de marca, lo que indica que el flujo de trabajo del Skill está activo. Ten en cuenta que la fase de render ejecuta comandos, escribe archivos y descarga Chrome; la evidencia no aclara si el render requiere confirmación adicional, así que acuerda con el agente las rutas de salida antes de actuar. Los usuarios de claude.ai / Cowork no disponen de esta vía; lo oficial para ellos es descargar dist/remotion-motion-graphics.skill y subirlo en Settings → Capabilities → Skills, que es una vía secundaria de otra plataforma.

Casos de uso

Caso 1: extraer el ritmo de un vídeo de referencia. Envía al agente un spot de un competidor junto con tu propio logo, pide generar un beat map y extraer colores y tipografías, y finalmente produce motion graphics codificado siguiendo el flujo del Skill y exporta un MP4 en 9:16. Lo verificable son la lectura de los materiales y el beat map; el render y la calidad final dependen de la ejecución real del agente.

Caso 2: animación de entrada del logo. Entrega el SVG del logo y pide animar el texto y los gráficos por separado para crear un spot de marca. El Skill mapeará las rutas del logo para animar los elementos por separado; antes de exportar, sigue el flujo de verificación oficial: tsc sin errores, render de prueba al 0.3 de escala, revisión de los contact sheets una por una, render estático de los fotogramas dudosos y su corrección, y por último el render final con fotogramas extraídos del vídeo terminado como prueba. La señal final confirmable es obtener el MP4 junto con las pruebas de fotogramas.

Límites de uso

El render ejecuta comandos de tsc y de renderizado de Remotion, escribe archivos del proyecto y, en la primera ejecución, descarga Chrome: estos comportamientos están descritos explícitamente en la documentación oficial. Los scripts de análisis e inspección del Skill dependen de ffmpeg / ffprobe. La evidencia oficial no especifica: si el render requiere confirmación del usuario, qué rutas concretas se escriben, si puede ejecutarse sin conexión, ni el rango de idiomas admitidos (no deduzcas que solo admite materiales en inglés porque el README esté en inglés). El Skill produce el MP4 renderizado y el código; la evidencia no indica que modifique directamente los archivos existentes del usuario; en cuanto al alcance de su impacto en el sistema de archivos, prevalece el comportamiento real del agente. Las vías de instalación difieren según la plataforma: en Claude Code es git clone más copiar el directorio, mientras que en claude.ai / Cowork es subir el archivo .skill; no son intercambiables.