AI-codeeragenten kunnen nu werkende animatiecode schrijven in CSS, Motion, GSAP, SwiftUI en andere frameworks. Voor een hovereffect, een modale transitie of een eenvoudige loader is het resultaat vaak na een snelle beoordeling bruikbaar.
De zwakke punten komen tot uiting in details die ervoor zorgen dat beweging goed aanvoelt. Agenten hebben de neiging de meest voorkomende patronen te herhalen, zoals hetzelfde korte gemak voor alles. Ze behandelen vaak het goede pad, maar geen onderbrekingen, bijvoorbeeld wat er gebeurt als een gebruiker een blad sluit terwijl het nog open is. Vaak slaan ze handelingen met verminderde beweging en statussen zoals laden, fouten en uitgeschakeld over.
Je kunt een groot deel van deze kloof dichten met context. Geef de agent je bewegingsfiches, noteer de toestanden die elk onderdeel nodig heeft en vraag expliciet om ondersteuning voor verminderde beweging. Vraag het om de timingkeuzes uit te leggen, zodat u ze kunt controleren.
Een andere aanpak is om de agent in een bewegingstool te laten werken in plaats van alles in code te schrijven. Met een MCP-server kan een agent animaties maken en bewerken in een tool waarin toestanden en fysica zijn ingebouwd. ExodeUI, die wij maken, heeft hiervoor een MCP-server, en het resultaat is een open .exode-bestand dat je in de editor kunt bekijken.
Hoe dan ook, houd een persoon op de hoogte van bewegingen die gebruikers vaak zullen zien. Bekijk het op een echt apparaat en stem het op gevoel af.