Las herramientas de codificación de IA son buenas para codificar, pero la animación es difícil de describir únicamente en código. Sin acceso al diseño, un agente adivina el momento y afirma. MCP, el protocolo de contexto del modelo, soluciona este problema dándole al agente acceso directo a una herramienta a través de una interfaz estándar.
Un servidor MCP es un pequeño servicio que expone acciones que un agente puede llamar. Para la animación, eso podría significar crear un componente, agregar un estado, cambiar un resorte o leer qué entradas tiene un archivo. El agente decide cuándo realizar estas acciones según su indicación.
La configuración suele ser breve. Agrega el servidor a la configuración MCP de su cliente, por ejemplo con el comando mcp de Claude Code o en la configuración MCP de Cursor, luego se autentica si es necesario. Después de eso, puede preguntar en un lenguaje sencillo: "hacer un interruptor con un resorte y un estado presionado" o "reducir la velocidad de la animación de éxito".
ExodeUI, que fabricamos, dispone de un servidor MCP para ello. Los agentes pueden crear y editar animaciones con estados, física de resortes, entradas y eventos, y el resultado es un archivo .exode abierto que puede abrir en el editor y reproducir en su aplicación. Las herramientas de diseño como Figma y Penpot tienen sus propios servidores MCP para el diseño y el contexto del diseño.
Trate la salida del agente como un borrador. Verifique el movimiento en el editor, especialmente el tiempo, el comportamiento de movimiento reducido y cada estado, antes de enviarlo.