Conjunto de skills instalables que orientan a agentes de programación con IA sobre diseño de movimiento, After Effects, videos con Remotion, animación de logos y fondos animados.
whaleyxbt/claude-motion
Un kit de herramientas de diseño de movimiento que permite a agentes de programación como Claude Code crear videos con Remotion, escenas guiadas por una línea de tiempo, revisión visual y un motor de sonido en Python.
Alternativa open source a:After Effects
- Estrellas
- 496
- Forks
- 63
- Issues abiertos
- 0
- Último commit
- hace 11 días
¿Qué es?
claude-motion es un kit de herramientas que permite a los agentes de programación crear gráficos animados y videos cortos. Añade a Remotion reglas de diseño, un proceso de autoevaluación y un motor de sonido, para que el agente no solo conozca la API, sino también cómo ajustar el ritmo de las curvas de easing, las pausas y el texto, y cómo revisar su propio resultado.
El flujo de trabajo se centra en un archivo timeline.json donde cada beat tiene una marca de tiempo y un nombre. Las escenas, las indicaciones de sonido y los pasos de revisión se basan en él, así que al cambiar los tiempos del video también se ajustan los del audio y las revisiones. El agente renderiza un borrador, genera una hoja de contacto con un fotograma marcado con la hora por cada beat y corrige los problemas que detecta antes de terminar.
Una segunda canalización, en sims/, renderiza páginas web autónomas creadas con three.js a videos MP4 de 60 fps mediante Chromium sin interfaz gráfica y ffmpeg. El motor de sonido usa solo la biblioteca estándar de Python, sin muestras de audio, y ajusta el volumen final a un nivel objetivo.
Funciones clave
- 01Reglas de diseño de movimiento con curvas de easing concretas, ajustes preestablecidos de spring y valores de temporización.
- 02Un ciclo de autoevaluación que genera hojas de contacto para que el agente inspeccione cada fotograma.
- 03Un motor de sonido en Python que genera efectos sin muestras de audio y los mezcla siguiendo la línea de tiempo del video.
- 04Un único archivo JSON de línea de tiempo compartido por las escenas, el sonido y las revisiones.
- 05Una canalización de simulación web que captura videos de 60 fps con precisión de fotograma a partir de páginas HTML.
Casos de uso
- Crear un gráfico animado corto para un anuncio a partir de una indicación de texto usando un agente de programación.
- Crear animaciones basadas en datos o de tipo simulación como páginas web independientes y exportarlas a video.
- Generar efectos de sonido sincronizados para un video de Remotion sin usar audio con licencia.
- Revisar y corregir la temporización de animaciones en muchas escenas.
Inicio rápido
- 1
Clona el repositorio y entra en la carpeta
git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion - 2
Instala las dependencias
npm install - 3
Compila el vídeo de ejemplo con sonido
npm run build - 4
Abre la vista previa en directo
npm run studio
Antes de usarlo
- Se requiere tener instalados Node 20 o posterior, Python 3 y ffmpeg.
- Remotion tiene su propia licencia, y las empresas que superen cierto umbral necesitan una licencia empresarial de pago.
- La captura de simulaciones web requiere Playwright y una instalación de Chromium.
Temas
Preguntas frecuentes
- ¿Qué es claude-motion?
- Un kit de herramientas de diseño de movimiento que permite a agentes de programación como Claude Code crear videos con Remotion, escenas guiadas por una línea de tiempo, revisión visual y un motor de sonido en Python. claude-motion es un kit de herramientas que permite a los agentes de programación crear gráficos animados y videos cortos. Añade a Remotion reglas de diseño, un proceso de autoevaluación y un motor de sonido, para que el agente no solo conozca la API, sino también cómo ajustar el ritmo de las curvas de easing, las pausas y el texto, y cómo revisar su propio resultado.
- ¿claude-motion es gratuito? ¿Qué licencia tiene?
- claude-motion es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿claude-motion sigue mantenido?
- Mantenimiento activo. El último commit de claude-motion fue el 9 oct 2026.
- ¿Para qué puedo usar claude-motion?
- Crear un gráfico animado corto para un anuncio a partir de una indicación de texto usando un agente de programación. Crear animaciones basadas en datos o de tipo simulación como páginas web independientes y exportarlas a video. Generar efectos de sonido sincronizados para un video de Remotion sin usar audio con licencia. Revisar y corregir la temporización de animaciones en muchas escenas.
- ¿Cómo se instala claude-motion?
- Clona el repositorio y entra en la carpeta: git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion Instala las dependencias: npm install Compila el vídeo de ejemplo con sonido: npm run build Abre la vista previa en directo: npm run studio
- ¿Dónde consigo claude-motion?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/whaleyxbt/claude-motion
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
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 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.
Conjunto de skills de Claude Code para crear videos generando cada fotograma y la música mediante código, con una skill por estilo visual.
Lista seleccionada de recursos de motion design y cinco skills instalables para agentes, compatibles con GSAP, Motion, Remotion, Lottie y Rive.
Una skill para agentes que convierte recetas de estilos artísticos y gramáticas de videos explicativos en animaciones generadas con código, para dar movimiento a pinturas y diagramas.