daffy0208/animation-designer

Qu'est-ce que animation-designer ?

Cette compétence spécialise l'agent IA dans la création d'animations web modernes, de transitions fluides et de designs de mouvement (motion design) en utilisant principalement la bibliothèque Framer Motion pour React et les animations CSS. Elle est conçue pour les développeurs front-end et les designers UI/UX qui souhaitent intégrer des interactions dynamiques et attrayantes dans leurs projets web. L'agent peut générer des animations complexes, des transitions entre pages, des micro-interactions et des effets visuels avancés tout en suivant les bonnes pratiques de performance et d'accessibilité. La compétence s'appuie sur une documentation technique complète (SKILL.md) qui détaille les API de Framer Motion, les propriétés CSS d'animation, ainsi que des exemples concrets pour guider la génération de code. Elle supporte les environnements React, Next.js et tout projet utilisant des animations CSS pures.