Agenti kódování AI mohou nyní psát funkční animační kód v CSS, Motion, GSAP, SwiftUI a dalších frameworkech. Pro hover efekt, modální přechod nebo jednoduchý loader je výsledek po rychlém zhlédnutí často použitelný.
Slabiny se projevují v detailech, díky kterým je pohyb správný. Agenti mají tendenci opakovat nejběžnější vzory, jako je stejná krátká lehkost pro všechno. Často zvládají šťastnou cestu, ale ne přerušení, například co se stane, když uživatel zavře list, zatímco se stále otevírá. Často přeskakují manipulaci se sníženým pohybem a stavy, jako je načítání, chyba a zakázáno.
Většinu této mezery můžete uzavřít kontextem. Dejte agentovi své pohybové tokeny, uveďte stavy, které každá komponenta potřebuje, a výslovně požádejte o podporu sníženého pohybu. Požádejte jej, aby vysvětlil své volby načasování, abyste je mohli zkontrolovat.
Dalším přístupem je nechat agenta pracovat v pohybovém nástroji namísto psaní všeho v kódu. Se serverem MCP může agent vytvářet a upravovat animace v nástroji, který má vestavěné stavy a fyziku. ExodeUI, který vyrábíme, má k tomu server MCP a výsledkem je otevřený soubor .exode, který si můžete prohlédnout v editoru.
Ať tak či onak, udržujte osobu ve smyčce pro pohyb, který uživatelé uvidí často. Sledujte to na skutečném zařízení a vylaďte ho podle pocitu.