AI-koodaustyökalut ovat hyviä koodissa, mutta animaatiota on vaikea kuvata pelkällä koodilla. Ilman pääsyä suunnitteluun agentti arvaa ajoituksen ja tilat. MCP, Model Context Protocol, korjaa tämän antamalla agentille suoran pääsyn työkaluun vakiorajapinnan kautta.
MCP-palvelin on pieni palvelu, joka paljastaa toimintoja, joita agentti voi kutsua. Animaatiossa se voi tarkoittaa komponentin luomista, tilan lisäämistä, jousen vaihtamista tai tiedostossa olevien syötteiden lukemista. Agentti päättää, milloin nämä toiminnot suoritetaan kehoteesi perusteella.
Asennus on yleensä lyhyt. Lisäät palvelimen asiakkaasi MCP-kokoonpanoon esimerkiksi Claude Code:n mcp-komennolla tai Cursor:n MCP-asetuksissa ja todennat sitten tarvittaessa. Sen jälkeen voit kysyä selkeällä kielellä: "tee kytkin jousella ja painettuna" tai "hidastaa menestysanimaatiota".
Valmistamassamme ExodeUI:ssä on MCP-palvelin tätä varten. Agentit voivat luoda ja muokata animaatioita, joissa on tiloja, kevätfysiikkaa, syötteitä ja tapahtumia, ja tuloksena on avoin .exode-tiedosto, jonka voit avata editorissa ja toistaa sovelluksessasi. Suunnittelutyökaluilla, kuten Figma ja Penpot, on omat MCP-palvelimet asettelua ja suunnittelukontekstia varten.
Käsittele agenttitulostusta luonnoksena. Tarkista liike editorissa, erityisesti ajoitus, vähentynyt liike ja jokainen tila, ennen kuin se lähetetään.