AI-kodningsverktyg är bra på kod, men animering är svår att beskriva i enbart kod. Utan tillgång till designen gissar en agent timing och anger. MCP, Model Context Protocol, fixar detta genom att ge agenten direktåtkomst till ett verktyg via ett standardgränssnitt.
En MCP-server är en liten tjänst som avslöjar åtgärder som en agent kan anropa. För animering kan det innebära att skapa en komponent, lägga till ett tillstånd, ändra en fjäder eller läsa vilka ingångar en fil har. Agenten bestämmer när de här åtgärderna ska anropas baserat på din uppmaning.
Installationen är vanligtvis kort. Du lägger till servern i din klients MCP-konfiguration, till exempel med Claude Code:s mcp-kommando eller i Cursor:s MCP-inställningar, och autentisera sedan vid behov. Efter det kan du fråga i klartext: "gör en växel med en fjäder och ett tryckt läge" eller "bromsa framgångsanimationen".
ExodeUI, som vi gör, har en MCP-server för detta. Agenter kan skapa och redigera animationer med tillstånd, vårfysik, ingångar och händelser, och resultatet är en öppen .exode-fil som du kan öppna i redigeraren och spela upp i din app. Designverktyg som Figma och Penpot har sina egna MCP-servrar för layout och designsammanhang.
Behandla agentutdata som ett utkast. Kontrollera rörelsen i editorn, särskilt timing, beteende med reducerad rörelse och varje tillstånd, innan den skickas.