Repolode
haidrrrry

haidrrrry/claude-remotion-skill

Una skill de agente para Claude con licencia MIT que le enseña a crear y editar videos de motion graphics con código y Remotion.

Alternativa open source a:After Effects

Estrellas
536
Forks
70
Issues abiertos
0
Último commit
hace 2 meses

¿Qué es?

Claude Remotion Skill es una skill de agente para Claude Code, Claude Desktop y Claude.ai. Una vez instalada, guía a Claude para crear videos con Remotion, un framework de React y TypeScript para video, en lugar de depender de editores de línea de tiempo como After Effects o Premiere. La skill incluye reglas de diseño de movimiento: curvas de aceleración spring y bezier en lugar de interpolación lineal, entradas y salidas escalonadas, una corrección de color por capas con grano y viñeta, efecto Ken Burns en imágenes fijas y subtítulos sincronizados con las palabras.

El flujo de trabajo de la skill requiere que Claude renderice un clip, extraiga fotogramas con ffmpeg, los revise, corrija los problemas y vuelva a renderizar antes de entregar el resultado. Incluye una carpeta con referencias en Markdown y componentes listos para copiar y pegar para revelados, corrección de color, grano, subtítulos y transiciones, además de una plantilla theme.ts para colores, curvas de aceleración y ajustes preestablecidos de spring.

El repositorio también incluye un proyecto de ejemplo de Remotion con varias composiciones terminadas, como un video promocional de perfil y una edición de código sincronizada con el ritmo y acompañada de una banda sonora sintetizada.

Funciones clave

  • 01Añade reglas de curvas de aceleración spring y bezier para que Claude evite el movimiento lineal.
  • 02Ofrece componentes de Remotion listos para copiar y pegar para revelados, corrección de color, grano de película y efecto Ken Burns.
  • 03Admite subtítulos sincronizados con las palabras y animaciones de texto al estilo lower third.
  • 04Exige renderizar, extraer fotogramas con ffmpeg y revisarlos antes de entregar el resultado.
  • 05Centraliza los colores, las curvas de aceleración y los ajustes preestablecidos de spring en un único archivo theme.ts.
  • 06Se instala para Claude Code a nivel de usuario o de proyecto, o se carga como archivo .skill en Claude Desktop.

Casos de uso

  • Crear animaciones breves de logotipos, intros de marca y videos explicativos de productos a partir de un prompt de texto.
  • Producir videos verticales de formato corto, como Reels, Shorts o TikToks, con subtítulos animados.
  • Mejorar un video de Remotion plano o genérico aplicando reglas coherentes de diseño de movimiento.
  • Crear videos de contenido sin presentador que combinen B-roll, subtítulos y sonido.

Inicio rápido

  1. 1

    Clona el repositorio

    git clone https://github.com/haidrrrry/claude-remotion-skill.git
  2. 2

    Crea la carpeta de skills de Claude para tu usuario

    mkdir -p ~/.claude/skills
  3. 3

    Copia la carpeta del skill en Claude Code

    cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/
  4. 4

    Pídele a Claude que cree una breve cortinilla de logo para probar el skill

Antes de usarlo

  • Es un conjunto de instrucciones para Claude, así que necesitas Claude Code, Claude Desktop o Claude AI con compatibilidad con skills.
  • Para usarlo necesitas una suscripción de Claude o acceso a la API, y configurar Remotion para renderizar vídeos.
  • El paso del skill que inspecciona los fotogramas depende de ffmpeg, pero las instrucciones de instalación no explican cómo instalarlo.

Temas

Preguntas frecuentes

¿Qué es claude-remotion-skill?
Una skill de agente para Claude con licencia MIT que le enseña a crear y editar videos de motion graphics con código y Remotion. Claude Remotion Skill es una skill de agente para Claude Code, Claude Desktop y Claude.ai. Una vez instalada, guía a Claude para crear videos con Remotion, un framework de React y TypeScript para video, en lugar de depender de editores de línea de tiempo como After Effects o Premiere. La skill incluye reglas de diseño de movimiento: curvas de aceleración spring y bezier en lugar de interpolación lineal, entradas y salidas escalonadas, una corrección de color por capas con grano y viñeta, efecto Ken Burns en imágenes fijas y subtítulos sincronizados con las palabras.
¿claude-remotion-skill es gratuito? ¿Qué licencia tiene?
claude-remotion-skill es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿claude-remotion-skill sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de claude-remotion-skill fue el 12 ago 2026.
¿Para qué puedo usar claude-remotion-skill?
Crear animaciones breves de logotipos, intros de marca y videos explicativos de productos a partir de un prompt de texto. Producir videos verticales de formato corto, como Reels, Shorts o TikToks, con subtítulos animados. Mejorar un video de Remotion plano o genérico aplicando reglas coherentes de diseño de movimiento. Crear videos de contenido sin presentador que combinen B-roll, subtítulos y sonido.
¿Cómo se instala claude-remotion-skill?
Clona el repositorio: git clone https://github.com/haidrrrry/claude-remotion-skill.git Crea la carpeta de skills de Claude para tu usuario: mkdir -p ~/.claude/skills Copia la carpeta del skill en Claude Code: cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ Pídele a Claude que cree una breve cortinilla de logo para probar el skill
¿Dónde consigo claude-remotion-skill?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/haidrrrry/claude-remotion-skill

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados