Una skill para Claude Code y Codex que convierte páginas de producto en videos promocionales cinematográficos con código de Remotion, no con IA generativa.
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
Clona el repositorio
git clone https://github.com/haidrrrry/claude-remotion-skill.git - 2
Crea la carpeta de skills de Claude para tu usuario
mkdir -p ~/.claude/skills - 3
Copia la carpeta del skill en Claude Code
cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ - 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
Un conjunto de cuatro Agent Skills que enseñan a los agentes de programación con IA a crear gráficos animados de estilo televisivo con Remotion.
Kit de video como código que permite a agentes de IA clonar un video viral en un flujo de trabajo editable y generar variantes a partir de él.
Conjunto de Agent Skills que enseñan a agentes de programación con IA, como Claude Code, Codex y Cursor, buenas prácticas para crear proyectos de video con Remotion.
Una skill de agente que permite a Claude Code o Codex crear videos explicativos con voz en off, sincronización de audio palabra por palabra y renderizado con Remotion.
Una colección de 55 skills instalables para enseñar a los agentes de programación con IA a crear gráficos animados, animaciones y flujos de trabajo de video.