एआई कोडिंग टूल कोड में अच्छे हैं, लेकिन एनीमेशन का अकेले कोड में वर्णन करना कठिन है। डिज़ाइन तक पहुंच के बिना, एक एजेंट समय का अनुमान लगाता है और बताता है। MCP, मॉडल कॉन्टेक्स्ट प्रोटोकॉल, एजेंट को एक मानक इंटरफ़ेस के माध्यम से टूल तक सीधी पहुंच देकर इसे ठीक करता है।
MCP सर्वर एक छोटी सेवा है जो उन कार्यों को उजागर करती है जिन्हें एजेंट कॉल कर सकता है। एनीमेशन के लिए, इसका मतलब हो सकता है कि एक घटक बनाना, एक स्थिति जोड़ना, एक स्प्रिंग बदलना या यह पढ़ना कि फ़ाइल में कौन सा इनपुट है। एजेंट आपके संकेत के आधार पर निर्णय लेता है कि इन कार्रवाइयों को कब कॉल करना है।
सेटअप आमतौर पर छोटा होता है. आप सर्वर को अपने क्लाइंट के MCP कॉन्फ़िगरेशन में जोड़ते हैं, उदाहरण के लिए Claude Code के mcp कमांड के साथ या Cursor की MCP सेटिंग्स में, फिर यदि आवश्यक हो तो प्रमाणित करें। उसके बाद आप सरल भाषा में पूछ सकते हैं: "स्प्रिंग और दबाए गए राज्य के साथ टॉगल बनाएं" या "सफलता एनीमेशन को धीमा करें"।
ExodeUI, जिसे हम बनाते हैं, इसके लिए एक MCP सर्वर है। एजेंट राज्यों, स्प्रिंग भौतिकी, इनपुट और घटनाओं के साथ एनिमेशन बना और संपादित कर सकते हैं, और परिणाम एक खुली .exode फ़ाइल है जिसे आप संपादक में खोल सकते हैं और अपने ऐप में चला सकते हैं। Figma और पेनपॉट जैसे डिज़ाइन टूल के पास लेआउट और डिज़ाइन संदर्भ के लिए अपने स्वयं के MCP सर्वर हैं।
एजेंट आउटपुट को ड्राफ्ट के रूप में मानें। शिप करने से पहले संपादक में गति की जाँच करें, विशेष रूप से समय, कम गति वाले व्यवहार और प्रत्येक स्थिति की जाँच करें।