Animation Anime.js

Ce qu'elle fait

Cette compétence fournit un guide concis et tranché pour utiliser Anime.js afin de produire des animations web haute fidélité et respectueuses des performances. Elle guide les agents dans la sélection des cibles, la conception de timelines avec anime.timeline(), l'application d'easing avancés et de délais décalés, et l'écriture de code d'animation performant pour le DOM et le SVG.

Quand l'utiliser

Déclenchez cette compétence lors de la création d'animations de pages d'atterrissage complexes et multi-étapes, de visualisations de données animées, de morphing SVG ou de toute interface utilisateur interactive nécessitant un mouvement sur mesure au-delà des simples transitions CSS. Elle est destinée aux designers et ingénieurs visant des animations polies de qualité professionnelle.

Ce qui est inclus

• Scripts : aucun (has_scripts=false)
• Références : aucune (has_references=false)
• Instructions : flux d'exécution étape par étape, exemples de code, règles strictes mettant l'accent sur la qualité de l'animation sur mesure et conseils de performance (utilisation de will-change, transformations accélérées par GPU).

Agents compatibles

Utile pour les agents capables de générer du JavaScript/CSS ou de modifier le code d'un site (agents de type Copilot, assistants d'écriture de code).