Alat pengkodean AI bagus dalam membuat kode, tetapi animasi sulit dijelaskan hanya dengan kode. Tanpa akses ke desain, agen menebak waktu dan keadaan. MCP, Model Context Protocol, memperbaikinya dengan memberikan agen akses langsung ke alat melalui antarmuka standar.
Server MCP adalah layanan kecil yang memaparkan tindakan yang dapat dipanggil oleh agen. Untuk animasi, itu mungkin berarti membuat komponen, menambahkan status, mengubah pegas, atau membaca input yang dimiliki file. Agen memutuskan kapan harus memanggil tindakan ini berdasarkan perintah Anda.
Penyiapannya biasanya singkat. Anda menambahkan server ke konfigurasi MCP klien Anda, misalnya dengan perintah mcp Claude Code atau dalam pengaturan MCP Cursor, lalu mengautentikasi jika diperlukan. Setelah itu Anda bisa bertanya dengan bahasa yang sederhana: "buat tombol dengan pegas dan keadaan ditekan" atau "memperlambat animasi sukses".
ExodeUI yang kami buat memiliki server MCP untuk ini. Agen dapat membuat dan mengedit animasi dengan status, fisika pegas, masukan, dan peristiwa, dan hasilnya adalah file .exode terbuka yang dapat Anda buka di editor dan diputar di aplikasi Anda. Alat desain seperti Figma dan Penpot memiliki server MCP sendiri untuk tata letak dan konteks desain.
Perlakukan keluaran agen sebagai draf. Periksa gerakan di editor, terutama pengaturan waktu, perilaku gerakan yang dikurangi, dan setiap keadaan, sebelum dikirimkan.