AcademySkillsDiseño y medios

motion-design-skill

Equipos de diseño y front-end que quieren animaciones coherentes e intencionadas en interfaces creadas con un agente de IA.

  • Recomendadonuestra valoración
  • 2079estrellas en GitHub
  • MITlicencia
  • hace 5 mesesúltima actualización

Úsalo ahora

git clone https://github.com/LottieFiles/motion-design-skill.git
README.md

Cargando el archivo...

Qué hace

motion-design-skill enseña a los agentes de IA a pensar en el movimiento antes de escribir código de animación. Cubre tiempos, curvas de easing, coreografía y los principios de animación de Disney adaptados a interfaces, con patrones y tablas de referencia. Funciona con CSS, Framer Motion, GSAP, Lottie y otros sistemas.

Casos de uso

  1. 01Elegir tiempos y easing para transiciones de interfaz
  2. 02Diseñar animaciones de entrada y salida de componentes
  3. 03Añadir movimiento de carga, éxito y error

Preguntas sobre
motion-design-skill.

¿Para qué sirve motion-design-skill?

Equipos de diseño y front-end que quieren animaciones coherentes e intencionadas en interfaces creadas con un agente de IA. motion-design-skill enseña a los agentes de IA a pensar en el movimiento antes de escribir código de animación. Cubre tiempos, curvas de easing, coreografía y los principios de animación de Disney adaptados a interfaces, con patrones y tablas de referencia. Funciona con CSS, Framer Motion, GSAP, Lottie y otros sistemas.

¿Cómo instalo motion-design-skill?

Ejecuta en tu terminal: git clone https://github.com/LottieFiles/motion-design-skill.git

¿motion-design-skill es de código abierto?

Sí. El código está publicado en GitHub (LottieFiles/motion-design-skill) con licencia MIT.

¿Es seguro usar motion-design-skill?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.