हमें Cursor Browser के लिए एक विज़ुअल एडिटर पेश करते हुए खुशी हो रही है। यह आपके वेब ऐप, कोडबेस और शक्तिशाली विज़ुअल एडिटिंग टूल्स को एक ही विंडो में साथ लाता है। आप एलिमेंट्स को ड्रैग करके इधर-उधर ले जा सकते हैं, कंपोनेंट्स और props का सीधे निरीक्षण कर सकते हैं, और पॉइंट करके व क्लिक करते हुए परिवर्तनों के बारे में बता सकते हैं। अब आपके उत्पाद के इंटरफ़ेस ज़्यादा सीधे और सहज महसूस होते हैं, जिससे डिज़ाइन और कोड के बीच की दूरी कम होती है।

#ड्रैग-एंड-ड्रॉप से पुनर्व्यवस्थित करें

विज़ुअल एडिटर आपको DOM ट्री में रेंडर किए गए एलिमेंट्स को ड्रैग-एंड-ड्रॉप करके किसी साइट के लेआउट और संरचना में सीधे बदलाव करने देता है।

यह विज़ुअल डिज़ाइन और कोडिंग को एक साथ लाता है। आप बटनों का क्रम बदल सकते हैं, सेक्शनों को घुमा सकते हैं, और बिना संदर्भ बदले अलग-अलग ग्रिड कॉन्फ़िगरेशन का परीक्षण कर सकते हैं। जब विज़ुअल डिज़ाइन आपकी कल्पना के मुताबिक हो जाए, तो एजेंट से उसे लागू करने के लिए कहें। एजेंट प्रासंगिक घटकों को ढूंढ़कर आपके लिए मूल कोड को अपडेट कर देगा।

#कंपोनेंट की अवस्थाओं का सीधे परीक्षण करें

कई आधुनिक ऐप्स React में बनाए जाते हैं, जहाँ अलग-अलग कंपोनेंट अवस्थाओं को नियंत्रित करने के लिए कंपोनेंट में प्रॉपर्टीज़ होती हैं। विज़ुअल एडिटर इन props को साइडबार में सामने लाना आसान बना देता है, ताकि आप किसी कंपोनेंट के अलग-अलग रूपांतरों में परिवर्तन कर सकें।

#विज़ुअल नियंत्रणों के साथ गुण समायोजित करें

विज़ुअल एडिटर का साइडबार आपको स्लाइडर, पैलेट, और आपके अपने color टोकन व डिज़ाइन सिस्टम की मदद से स्टाइल को बारीकी से समायोजित करने देता है। हर बदलाव पूरी तरह इंटरैक्टिव होता है: लाइव color picker आपके चुने हुए विकल्पों का प्रीव्यू दिखाते हैं, और grid, flexbox लेआउट, तथा typography को सटीकता से पुनर्व्यवस्थित करने के लिए नियंत्रण भी देते हैं।

#इशारा करें और प्रॉम्प्ट दें

विज़ुअल एडिटर आपको अपने इंटरफ़ेस में किसी भी चीज़ पर क्लिक करके यह बताने देता है कि आप क्या बदलना चाहते हैं। आप एक एलिमेंट पर क्लिक करके कह सकते हैं, "इसे बड़ा करें," दूसरे पर, "इसे लाल करें," और तीसरे पर टाइप कर सकते हैं, "इनका क्रम बदलें।" एजेंट समानांतर में काम करते हैं, और कुछ ही सेकंड में आपके परिवर्तन लाइव हो जाते हैं।

#अमूर्तन के पदानुक्रम में ऊपर

Cursor का नया विज़ुअल एडिटर डिज़ाइन और कोड के बीच आपके काम को एकजुट करता है, जिससे आप जो चाहते हैं उसे और स्पष्ट रूप से व्यक्त कर सकें, ताकि क्रियान्वयन तकनीकी बारीकियों से सीमित न हो।

हम ऐसे भविष्य की कल्पना करते हैं जहाँ एजेंट वेब पर ऐप निर्माण से और भी गहराई से जुड़े हों, और मानव अपने विचार उन इंटरफ़ेस के ज़रिए व्यक्त करें जो विचार को कोड से अधिक सीधे जोड़ते हैं। ये सुविधाएँ उसी दिशा में एक कदम हैं।

ब्राउज़र दस्तावेज़ पढ़ें। Cursor 2.2 में सभी नई सुविधाओं के बारे में जानें।