AI-kodeverktøy er gode på kode, men animasjon er vanskelig å beskrive i kode alene. Uten tilgang til designet, gjetter en agent timing og oppgir. MCP, Model Context Protocol, fikser dette ved å gi agenten direkte tilgang til et verktøy gjennom et standard grensesnitt.
En MCP-server er en liten tjeneste som avslører handlinger en agent kan ringe. For animasjon kan det bety å lage en komponent, legge til en tilstand, endre en fjær eller lese hvilke innganger en fil har. Agenten bestemmer når de skal ringe disse handlingene basert på spørsmålet ditt.
Oppsettet er vanligvis kort. Du legger til serveren i klientens MCP-konfigurasjon, for eksempel med Claude Codes mcp-kommando eller i Cursors MCP-innstillinger, og autentiser deretter om nødvendig. Etter det kan du spørre i klartekst: "lag en veksler med en fjær og en trykket tilstand" eller "brems ned suksessanimasjonen".
ExodeUI, som vi lager, har en MCP server for dette. Agenter kan lage og redigere animasjoner med tilstander, vårfysikk, innganger og hendelser, og resultatet er en åpen .exode-fil du kan åpne i redigeringsprogrammet og spille av i appen din. Designverktøy som Figma og Penpot har egne MCP-servere for layout og designkontekst.
Behandle agentutdata som et utkast. Sjekk bevegelsen i editoren, spesielt timing, redusert bevegelsesadferd og hver tilstand, før den sendes.