Les agents de codage IA peuvent désormais écrire du code d'animation fonctionnel dans CSS, Motion, GSAP, SwiftUI et d'autres frameworks. Pour un effet de survol, une transition modale ou un simple chargeur, le résultat est souvent exploitable après une rapide révision.
Les faiblesses apparaissent dans les détails qui donnent l’impression que le mouvement est correct. Les agents ont tendance à répéter les schémas les plus courants, comme la même courte facilité pour tout. Ils gèrent souvent le chemin heureux mais pas les interruptions, par exemple ce qui se passe si un utilisateur ferme une feuille alors qu'elle est encore en train de s'ouvrir. Ils ignorent fréquemment la gestion des mouvements réduits et les états tels que le chargement, l'erreur et la désactivation.
Vous pouvez combler une grande partie de cet écart avec le contexte. Donnez à l'agent vos jetons de mouvement, répertoriez les états dont chaque composant a besoin et demandez explicitement une prise en charge de mouvement réduit. Demandez-lui d'expliquer ses choix de timing afin que vous puissiez les vérifier.
Une autre approche consiste à laisser l’agent travailler dans un outil de mouvement au lieu de tout écrire en code. Avec un serveur MCP, un agent peut créer et modifier des animations dans un outil intégrant des états et des physiques. ExodeUI, que nous créons, dispose d'un serveur MCP pour cela, et le résultat est un fichier .exode ouvert que vous pouvez consulter dans l'éditeur.
Quoi qu’il en soit, gardez une personne au courant des mouvements que les utilisateurs verront souvent. Regardez-le sur un appareil réel et réglez-le au toucher.