Agenti kódovania AI môžu teraz písať funkčný animačný kód v rámcoch CSS, Motion, GSAP, SwiftUI a ďalších. Pre hover efekt, modálny prechod alebo jednoduchý loader je výsledok často po rýchlej kontrole použiteľný.
Slabé stránky sa prejavujú v detailoch, vďaka ktorým je pohyb správny. Agenti majú tendenciu opakovať najbežnejšie vzory, ako napríklad rovnakú krátku ľahkosť pre všetko. Často zvládajú šťastnú cestu, ale nie prerušenia, napríklad čo sa stane, ak používateľ zatvorí hárok, zatiaľ čo sa stále otvára. Často vynechávajú manipuláciu so zníženým pohybom a stavy, ako je načítanie, chyba a vypnutie.
Veľkú časť tejto medzery môžete uzavrieť kontextom. Dajte agentovi svoje žetóny pohybu, uveďte stavy, ktoré každý komponent potrebuje, a výslovne požiadajte o podporu pri obmedzenom pohybe. Požiadajte ho, aby vysvetlil svoje možnosti načasovania, aby ste ich mohli skontrolovať.
Ďalším prístupom je nechať agenta pracovať v pohybovom nástroji namiesto zapisovania všetkého do kódu. So serverom MCP môže agent vytvárať a upravovať animácie v nástroji, ktorý má zabudované stavy a fyziku. ExodeUI, ktorý vyrábame, má na to server MCP a výsledkom je otvorený súbor .exode, ktorý si môžete prezrieť v editore.
Či tak alebo onak, udržujte osobu v obraze o pohybe, ktorý používatelia často uvidia. Sledujte to na skutočnom zariadení a vylaďte ho podľa pocitu.