Nástroje na kódovanie AI sú dobré v kódovaní, ale animáciu je ťažké opísať v samotnom kóde. Bez prístupu k dizajnu agent odhadne načasovanie a stavy. MCP, Model Context Protocol, to rieši tak, že agentovi poskytuje priamy prístup k nástroju cez štandardné rozhranie.
Server MCP je malá služba, ktorá odhaľuje akcie, ktoré môže agent volať. Pre animáciu to môže znamenať vytvorenie komponentu, pridanie stavu, zmenu pružiny alebo čítanie vstupov, ktoré má súbor. Agent rozhodne, kedy zavolá tieto akcie na základe vašej výzvy.
Nastavenie je zvyčajne krátke. Server pridáte do konfigurácie MCP vášho klienta, napríklad pomocou príkazu mcp Claude Code alebo v nastaveniach MCP Cursor a potom sa v prípade potreby overte. Potom sa môžete jednoducho opýtať: „urobte prepínač pomocou pružiny a stlačeného stavu“ alebo „spomalte animáciu úspechu“.
ExodeUI, ktorý vyrábame, má na to server MCP. Agenti môžu vytvárať a upravovať animácie so stavmi, fyzikou jari, vstupmi a udalosťami a výsledkom je otvorený súbor .exode, ktorý môžete otvoriť v editore a prehrať vo svojej aplikácii. Dizajnérske nástroje ako Figma a Penpot majú svoje vlastné servery MCP pre rozloženie a kontext dizajnu.
Výstup agenta považovať za koncept. Pred odoslaním skontrolujte pohyb v editore, najmä načasovanie, správanie so zníženým pohybom a každý stav.