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.
iart-ai/motion-skills
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.
- Estrellas
- 895
- Forks
- 80
- Issues abiertos
- 0
- Último commit
- hace 6 días
¿Qué es?
Motion Graphics Skills es un conjunto de carpetas de skills de código abierto. Cada una contiene un archivo SKILL.md y archivos de referencia que proporcionan a agentes de programación con IA, como Claude Code, Cursor y Codex, un flujo de trabajo específico de gráficos animados. Los temas incluyen tipografía cinética, gráficos basados en datos, videos explicativos, videos verticales de formato corto, escenas con WebGL y Three.js, animación matemática con Manim, video programático con Remotion y lower thirds transparentes para herramientas de streaming.
Las skills se agrupan en 18 packs que se pueden instalar por separado y están dirigidos a distintos públicos, como creadores de TikTok, vendedores de comercio electrónico, desarrolladores frontend y diseñadores de motion graphics. Cada pack se puede instalar con npx skills add o como plugin de Claude Code. Las skills que generan contenido visual incluyen un ciclo de renderizado y verificación, además de pequeños scripts para congelar fotogramas, crear hojas de contacto e inspeccionar archivos MP4 codificados, de modo que el agente pueda revisar su propio resultado.
No se requiere ajuste fino de modelos ni un runtime de plugins: las skills son instrucciones simples en un formato que leen los principales agentes. El proyecto cuenta con licencia MIT y lo mantiene iart.ai.
Funciones clave
- 01Abarca tipografía cinética, gráficos de datos, videos explicativos, videos de formato corto y animación web
- 02Organizado en 18 packs instalables según el público al que se dirigen
- 03Instalable con npx skills add o como plugin de Claude Code
- 04Incluye ciclos de renderizado y verificación con scripts para capturar fotogramas e inspeccionar archivos MP4
- 05Compatible con flujos de trabajo de Remotion, Manim, GSAP, Three.js y Lottie
Casos de uso
- Pedir a un agente de programación con IA que genere un video con gráficos basados en datos a partir de un archivo CSV
- Crear videos verticales cortos para TikTok o Reels con un agente
- Crear animaciones matemáticas con Manim o videos con Remotion mediante prompts
- Añadir lower thirds transparentes a proyectos de OBS o Premiere
Inicio rápido
- 1
Instala el paquete general de animación web con la CLI de skills
npx skills add iart-ai/web-animation-skills
Antes de usarlo
- Cada skill es un conjunto de instrucciones para agentes, no un software independiente, por lo que los resultados dependen del agente que uses.
- Las skills de vídeo se renderizan con Remotion o Manim, que requieren su propia configuración.
Temas
Preguntas frecuentes
- ¿Qué es motion-skills?
- 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. Motion Graphics Skills es un conjunto de carpetas de skills de código abierto. Cada una contiene un archivo SKILL.md y archivos de referencia que proporcionan a agentes de programación con IA, como Claude Code, Cursor y Codex, un flujo de trabajo específico de gráficos animados. Los temas incluyen tipografía cinética, gráficos basados en datos, videos explicativos, videos verticales de formato corto, escenas con WebGL y Three.js, animación matemática con Manim, video programático con Remotion y lower thirds transparentes para herramientas de streaming.
- ¿motion-skills es gratuito? ¿Qué licencia tiene?
- motion-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿motion-skills sigue mantenido?
- Mantenimiento activo. El último commit de motion-skills fue el 14 oct 2026.
- ¿Para qué puedo usar motion-skills?
- Pedir a un agente de programación con IA que genere un video con gráficos basados en datos a partir de un archivo CSV Crear videos verticales cortos para TikTok o Reels con un agente Crear animaciones matemáticas con Manim o videos con Remotion mediante prompts Añadir lower thirds transparentes a proyectos de OBS o Premiere
- ¿Cómo se instala motion-skills?
- Instala el paquete general de animación web con la CLI de skills: npx skills add iart-ai/web-animation-skills
- ¿Dónde consigo motion-skills?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/iart-ai/motion-skills
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una skill de agente para Claude Code / Codex que convierte la descripción de un producto en un video de lanzamiento de calidad comercial, creado con código, música compuesta y edición punto por punto.
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.
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.
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.
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.