
de design-motion-principles473
Guide de design d'interaction et de mouvement avec deux modes (Création et Audit) fournissant des recommandations pondérées par le contexte et des règles d'accessibilité prioritaires pour les animations d'interface utilisateur.
Design Motion Principles est une compétence pratique de design de mouvement qui aide les agents soit à créer des animations d'interface utilisateur intentionnelles, soit à auditer le mouvement existant pour la qualité, l'accessibilité et la performance. Elle encode un flux de travail à deux modes (Création vs Audit), une porte de décision basée sur la fréquence, des directives de durée et des perspectives par designer qui aident à équilibrer la retenue, le polissage et la fantaisie lors de la proposition ou de l'évaluation d'animations.
Invoquez cette compétence lorsque vous devez implémenter, améliorer ou examiner le mouvement d'une interface utilisateur : transitions, animations d'entrée/sortie, micro-interactions, états de survol ou animations au niveau du système sur le web et le mobile. Utilisez le mode Création pour générer des suggestions d'implémentation (CSS, Framer Motion, patterns React) et le mode Audit pour produire des rapports systématiques et des checklists pour l'accessibilité (prefers-reduced-motion), la performance et la clarté de l'UX.
Idéalement utilisé par des assistants capables d'écrire du code et conscients du design (Copilot/Codex, Cursor, Claude Code) pouvant produire des exemples CSS/JS, des rapports d'audit ou des suggestions d'implémentation. Elle guide à la fois la génération automatisée de code et les revues avec intervention humaine.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.