Nástroje pro kódování AI jsou dobré v kódu, ale animace se těžko popisuje v kódu. Bez přístupu k návrhu agent odhadne načasování a stavy. MCP, Model Context Protocol, to řeší tím, že agentovi poskytuje přímý přístup k nástroji prostřednictvím standardního rozhraní.
Server MCP je malá služba, která zpřístupňuje akce, které může agent volat. Pro animaci to může znamenat vytvoření komponenty, přidání stavu, změnu pružiny nebo čtení, které vstupy má soubor. Agent rozhodne, kdy tyto akce vyvolá, na základě vaší výzvy.
Nastavení je obvykle krátké. Server přidáte do konfigurace MCP svého klienta, například pomocí příkazu mcp Claude Code nebo v nastavení MCP Cursor a v případě potřeby se ověříte. Poté se můžete srozumitelným jazykem zeptat: „proveďte přepnutí pomocí pružiny a stisknutého stavu“ nebo „zpomalte animaci úspěchu“.
ExodeUI, který vyrábíme, má k tomu server MCP. Agenti mohou vytvářet a upravovat animace se stavy, fyzikou pružin, vstupy a událostmi a výsledkem je otevřený soubor .exode, který můžete otevřít v editoru a hrát ve své aplikaci. Návrhářské nástroje jako Figma a Penpot mají své vlastní servery MCP pro rozvržení a kontext návrhu.
Považujte výstup agenta za koncept. Zkontrolujte pohyb v editoru, zejména načasování, chování při sníženém pohybu a každý stav, než se odešle.