As ferramentas de codificação de IA são boas em código, mas a animação é difícil de descrever apenas no código. Sem acesso ao design, um agente adivinha o momento e os estados. MCP, o Model Context Protocol, corrige isso dando ao agente acesso direto a uma ferramenta por meio de uma interface padrão.
Um servidor MCP é um pequeno serviço que expõe ações que um agente pode chamar. Para animação, isso pode significar criar um componente, adicionar um estado, alterar uma mola ou ler quais entradas um arquivo possui. O agente decide quando chamar essas ações com base na sua solicitação.
A configuração geralmente é curta. Você adiciona o servidor à configuração MCP do seu cliente, por exemplo, com o comando mcp do Claude Code ou nas configurações MCP do Cursor e, em seguida, autentica, se necessário. Depois disso, você pode perguntar em linguagem simples: "faça uma alternância com uma mola e um estado pressionado" ou "desacelere a animação de sucesso".
ExodeUI, que fabricamos, possui um servidor MCP para isso. Os agentes podem criar e editar animações com estados, física de primavera, entradas e eventos, e o resultado é um arquivo .exode aberto que você pode abrir no editor e reproduzir em seu aplicativo. Ferramentas de design como Figma e Penpot possuem seus próprios servidores MCP para layout e contexto de design.
Trate a saída do agente como um rascunho. Verifique o movimento no editor, especialmente o tempo, o comportamento do movimento reduzido e todos os estados, antes de ser enviado.