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.
5,4 mil592TypeScriptSin licenciaActualizado hace 4 días
iart-ai/motion-design-skills
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.
- Estrellas
- 140
- Forks
- 28
- Issues abiertos
- 0
- Último commit
- hace 4 meses
¿Qué es?
Motion Design Skills es una colección de nueve skills para agentes de programación con IA, como Claude Code, Cursor y Codex. Cada skill ofrece orientación sobre un área del diseño de movimiento: ritmo y easing, color e interpolación, composición de planos, dirección de arte, flujos de trabajo en After Effects, edición sincronizada con el ritmo, creación programática de videos con Remotion, animaciones de logos y fondos en bucle.
Las skills se instalan con npx skills add o como una entrada del marketplace de plugins de Claude Code, y se activan cuando una solicitud tiene que ver con el movimiento, por ejemplo, hacer que una animación se sienta menos rígida, animar un logo o crear un video basado en datos con Remotion. El proyecto cuenta con licencia MIT y está escrito en HTML; el contenido de las skills se centra en conocimientos de diseño y herramientas.
Forma parte de una colección más amplia de packs de la misma organización, cada uno dirigido a un público distinto, como creadores de videos para redes sociales, desarrolladores frontend o educadores.
Funciones clave
- 01Abarca ritmo, easing y principios fundamentales de animación, sin depender de una herramienta específica.
- 02Ofrece orientación sobre expresiones, rigging, exportación y rendimiento en After Effects.
- 03Incluye skills de Remotion para renderizar videos basados en React en formato MP4 o GIF.
- 04Ofrece patrones de animación de logos, stingers y loaders para la web, videos y aplicaciones.
- 05Incluye orientación para crear fondos con gradientes mesh, auroras con shaders y partículas.
- 06Se instala en varios agentes de programación con IA mediante npx o el marketplace de plugins de Claude Code.
Casos de uso
- Hacer que una animación de interfaz rígida o robótica se sienta más natural.
- Crear un video de tipografía cinética con apariciones escalonadas del texto.
- Generar con Remotion un lote de videos basados en datos a partir de un archivo CSV.
- Añadir un fondo sutil en bucle detrás de la sección hero de un sitio web.
Inicio rápido
- 1
Instala las skills con npx
npx skills add iart-ai/motion-design-skills - 2
O añádelas como marketplace de plugins de Claude Code
/plugin marketplace add iart-ai/motion-design-skills - 3
Instala el plugin en Claude Code
/plugin install motion-design-skills
Antes de usarlo
- El README las describe como indicaciones para agentes de IA, no como software independiente, y no documenta ninguna aplicación ejecutable.
- La experiencia completa del agente está alojada en iart.ai, y el README la promociona junto con las skills.
Temas
Preguntas frecuentes
- ¿Qué es motion-design-skills?
- 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. Motion Design Skills es una colección de nueve skills para agentes de programación con IA, como Claude Code, Cursor y Codex. Cada skill ofrece orientación sobre un área del diseño de movimiento: ritmo y easing, color e interpolación, composición de planos, dirección de arte, flujos de trabajo en After Effects, edición sincronizada con el ritmo, creación programática de videos con Remotion, animaciones de logos y fondos en bucle.
- ¿motion-design-skills es gratuito? ¿Qué licencia tiene?
- motion-design-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿motion-design-skills sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de motion-design-skills fue el 22 jun 2026.
- ¿Para qué puedo usar motion-design-skills?
- Hacer que una animación de interfaz rígida o robótica se sienta más natural. Crear un video de tipografía cinética con apariciones escalonadas del texto. Generar con Remotion un lote de videos basados en datos a partir de un archivo CSV. Añadir un fondo sutil en bucle detrás de la sección hero de un sitio web.
- ¿Cómo se instala motion-design-skills?
- Instala las skills con npx: npx skills add iart-ai/motion-design-skills O añádelas como marketplace de plugins de Claude Code: /plugin marketplace add iart-ai/motion-design-skills Instala el plugin en Claude Code: /plugin install motion-design-skills
- ¿Dónde consigo motion-design-skills?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/iart-ai/motion-design-skills
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
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.
89580HTMLMITActualizado hace 6 días
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.
49663JavaScriptMITActualizado hace 11 días
Lista seleccionada de recursos de motion design y cinco skills instalables para agentes, compatibles con GSAP, Motion, Remotion, Lottie y Rive.
6920CC0-1.0Actualizado hace 6 días
Una skill de Claude Code que convierte un tema breve en un video de motion graphics sincronizado con el ritmo, renderizado en MP4 con HyperFrames.
14321MITActualizado hace 21 días
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.
78077JavaScriptMITActualizado ayer