Gli strumenti di codifica AI sono bravi nella codifica, ma l'animazione è difficile da descrivere solo nel codice. Senza accesso al progetto, un agente indovina i tempi e gli stati. MCP, il Model Context Protocol, risolve questo problema fornendo all'agente l'accesso diretto a uno strumento tramite un'interfaccia standard.
Un server MCP è un piccolo servizio che espone le azioni che un agente può chiamare. Per l'animazione, ciò potrebbe significare creare un componente, aggiungere uno stato, modificare una molla o leggere quali input ha un file. L'agente decide quando chiamare queste azioni in base alla tua richiesta.
L'installazione è solitamente breve. Aggiungi il server alla configurazione MCP del tuo client, ad esempio con il comando mcp di Claude Code o nelle impostazioni MCP di Cursor, quindi esegui l'autenticazione se necessario. Dopodiché puoi chiedere in un linguaggio semplice: "crea un interruttore con una molla e uno stato premuto" o "rallenta l'animazione del successo".
ExodeUI, che realizziamo, ha un server MCP per questo. Gli agenti possono creare e modificare animazioni con stati, fisica delle molle, input ed eventi e il risultato è un file .exode aperto che puoi aprire nell'editor e riprodurre nella tua app. Strumenti di progettazione come Figma e Penpot dispongono dei propri server MCP per il layout e il contesto di progettazione.
Tratta l'output dell'agente come una bozza. Controlla il movimento nell'editor, in particolare i tempi, il comportamento a movimento ridotto e ogni stato, prima della spedizione.