एआई कोडिंग एजेंट अब CSS, मोशन, GSAP, SwiftUI और अन्य फ्रेमवर्क में कार्यशील एनीमेशन कोड लिख सकते हैं। होवर प्रभाव, एक मोडल ट्रांज़िशन या एक साधारण लोडर के लिए, परिणाम अक्सर त्वरित समीक्षा के बाद प्रयोग करने योग्य होता है।
कमजोरियाँ विवरण में दिखाई देती हैं जो गति को सही महसूस कराती हैं। एजेंट सबसे सामान्य पैटर्न को दोहराते हैं, जैसे हर चीज़ के लिए समान संक्षिप्त सहजता। वे अक्सर सुखद पथ को संभालते हैं लेकिन रुकावटों को नहीं, उदाहरण के लिए यदि कोई उपयोगकर्ता किसी शीट को खुलते समय ही बंद कर देता है तो क्या होता है। वे अक्सर कम-गति वाली हैंडलिंग और लोडिंग, त्रुटि और अक्षम जैसी स्थितियों को छोड़ देते हैं।
आप संदर्भ के साथ इस अंतर को काफी हद तक पाट सकते हैं। एजेंट को अपने मोशन टोकन दें, प्रत्येक घटक की आवश्यकता वाले राज्यों की सूची बनाएं और स्पष्ट रूप से कम गति वाले समर्थन के लिए पूछें। उससे उसके समय संबंधी विकल्पों को समझाने के लिए कहें ताकि आप उनकी जांच कर सकें।
दूसरा तरीका यह है कि एजेंट को सब कुछ कोड में लिखने के बजाय मोशन टूल में काम करने दिया जाए। MCP सर्वर के साथ, एक एजेंट एक टूल में एनिमेशन बना और संपादित कर सकता है जिसमें स्टेट्स और भौतिकी अंतर्निहित है। ExodeUI, जिसे हम बनाते हैं, के पास इसके लिए एक MCP सर्वर है, और परिणाम एक खुली .exode फ़ाइल है जिसे आप संपादक में समीक्षा कर सकते हैं।
किसी भी तरह से, उस व्यक्ति को लूप फॉर मोशन में रखें जिसे उपयोगकर्ता अक्सर देखेंगे। इसे वास्तविक डिवाइस पर देखें और महसूस करके ट्यून करें।