Les outils de codage d’IA sont bons en code, mais l’animation est difficile à décrire uniquement dans le code. Sans accès à la conception, un agent devine le timing et les états. MCP, le Model Context Protocol, résout ce problème en donnant à l'agent un accès direct à un outil via une interface standard.
Un serveur MCP est un petit service qui expose les actions qu'un agent peut appeler. Pour l'animation, cela peut signifier créer un composant, ajouter un état, modifier un ressort ou lire les entrées d'un fichier. L'agent décide quand appeler ces actions en fonction de votre invite.
La configuration est généralement courte. Vous ajoutez le serveur à la configuration MCP de votre client, par exemple avec la commande mcp de Claude Code ou dans les paramètres MCP de Cursor, puis vous authentifiez si besoin. Après cela, vous pouvez demander en langage clair : "faire une bascule avec un ressort et un état enfoncé" ou "ralentir l'animation de réussite".
ExodeUI, que nous créons, dispose d'un serveur MCP pour cela. Les agents peuvent créer et modifier des animations avec des états, la physique du ressort, des entrées et des événements, et le résultat est un fichier .exode ouvert que vous pouvez ouvrir dans l'éditeur et lire dans votre application. Les outils de conception tels que Figma et Penpot disposent de leurs propres serveurs MCP pour le contexte de mise en page et de conception.
Traitez la sortie de l’agent comme un brouillon. Vérifiez le mouvement dans l'éditeur, en particulier le timing, le comportement en cas de mouvement réduit et chaque état, avant sa livraison.