Communitygithub.com

lottiefiles/motion-design

Applique les principes du motion design pour créer des animations et transitions techniquement solides et émotionnellement engageantes. Fournit des conseils sur le timing, l'assouplissement, la chorégraphie et les principes d'animation Disney adaptés à l'interface utilisateur. À utiliser lors de la création d'animations, transitions, micro-interactions, états de chargement, transitions de page, effets déclenchés par le défilement ou tout travail de motion. Fonctionne avec CSS, Framer Motion, GSAP, Lottie, Spring ou tout système d'animation.

Qu'est-ce que motion-design ?

Ce skill, nommé `lottiefiles/motion-design`, est une compétence spécialisée destinée aux agents IA travaillant sur des projets d'interface utilisateur nécessitant des animations. Son objectif principal est d'appliquer des principes éprouvés de motion design (comme les 12 principes d'animation de Disney) au contexte du développement web et d'applications. Il fournit des directives précises sur le choix du timing, des courbes d'assouplissement, et la chorégraphie des mouvements pour créer des animations qui ne sont pas seulement techniquement correctes, mais aussi émotionnellement engageantes et naturelles. Le skill est agnostique en termes de bibliothèque : il fournit des principes universels qui peuvent être implémentés avec CSS, Framer Motion, GSAP, Lottie, Spring ou tout autre système d'animation. Il est particulièrement utile pour des tâches comme la conception de micro-interactions, d'états de chargement, de transitions de page, ou d'effets déclenchés par le défilement, en guidant l'agent pour qu'il produise un résultat qui respecte les conventions d'expérience utilisateur et les standards professionnels du motion design.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lottiefiles/motion-design-skill/tree/main/skills/motion-design

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait motion-design ?

Applique les principes du motion design pour créer des animations et transitions techniquement solides et émotionnellement engageantes. Fournit des conseils sur le timing, l'assouplissement, la chorégraphie et les principes d'animation Disney adaptés à l'interface utilisateur. À utiliser lors de la création d'animations, transitions, micro-interactions, états de chargement, transitions de page, effets déclenchés par le défilement ou tout travail de motion. Fonctionne avec CSS, Framer Motion, GSAP, Lottie, Spring ou tout système d'animation.

Skills associés