क्रिएटर व्यू
लेआउट अवलोकन
The Creator View is a three-panel editing environment you open by double-clicking any group in the Component Area. It provides a block list on the left, a code editor in the center, and a live preview on the right, with an AI Prompt Box running along the bottom.
ब्लॉक सूची पैनल
बायां पैनल वर्तमान समूह में सभी ब्लॉक दिखाता है। प्रत्येक ब्लॉक ब्लॉक नाम और नीचे क्रमांकित फ़ाइल सूची के साथ एक कार्ड पूर्वावलोकन दिखाता है। वापस नेविगेट करने, सूची और स्प्लिट दृश्यों के बीच स्विच करने के लिए शीर्ष पर टूलबार का उपयोग करें, या नया ब्लॉक जोड़ने के लिए + बटन पर क्लिक करें।
कोड एडिटर
The center panel is a tabbed code editor where you write and edit block content. Tabs are organized by file type:
टेक्स्ट
Write documentation, markdown, or plain text content for the block.
HTML
Edit the HTML structure of your component.
CSS
Add styles for your component.
JavaScript
Add interactivity and logic to your component.
लाइव प्रीव्यू
दायां पैनल आपके कंपोनेंट का लाइव पूर्वावलोकन रेंडर करता है। जैसे-जैसे आप एडिटर में HTML, CSS और JavaScript जोड़ते हैं, पूर्वावलोकन कंपाइल किए गए परिणाम को दिखाने के लिए अपडेट होता है। आप फ़ाइलों को ड्रैग और ड्रॉप भी कर सकते हैं या सामग्री (Ctrl+V) को सीधे पूर्वावलोकन क्षेत्र में पेस्ट करके ब्लॉक में जोड़ सकते हैं। पूर्वावलोकन को टॉगल करने के लिए आंख के आइकन का उपयोग करें और पूर्वावलोकन पृष्ठभूमि बदलने के लिए BG टॉगल का उपयोग करें।
AI प्रॉम्प्ट बॉक्स
निचली बार AI प्रॉम्प्ट बॉक्स है। इसका उपयोग परिवर्तनों का वर्णन करने और AI को आपके ब्लॉक की सामग्री जनरेट या संशोधित करने देने के लिए करें। इसमें एक मॉडल सेलेक्टर, टेक्स्ट इनपुट फ़ील्ड, वॉइस और इमोजी इनपुट, और एक जनरेट करें बटन शामिल है। दो मोड टॉगल — A और V — डायरेक्ट AI मोड और वेरिएशन मोड के बीच स्विच करते हैं।
AI जनरेशन श्रेणियाँ
The AI model selector reveals generation categories that determine what kind of content AI produces:
टेक्स्ट जनरेशन
Generate or edit text-based content such as code, documentation, and markup.
इमेज जनरेशन
Create images from text prompts or edit existing images with AI (text-to-image and image-to-image).
वीडियो जनरेशन
Generate videos from text descriptions or animate still images into video (text-to-video and image-to-video).
डायरेक्ट AI मोड (A)
जब A टॉगल सक्रिय होता है, तो AI आपके कंपोनेंट में सीधे संशोधन करता है। फ़ील्ड टेक्स्ट “अपने कंपोनेंट पर लागू करने के लिए परिवर्तनों का वर्णन करें” दिखाता है और एक बैज इंगित करता है कि कौन सी फ़ाइल संशोधित की जाएगी (उदाहरण के लिए, “संशोधित करेगा: टेक्स्ट”)। यह मोड वर्तमान में चयनित फ़ाइल में त्वरित, विशिष्ट संपादन के लिए आदर्श है।
वेरिएशन मोड (V)
जब V टॉगल सक्रिय होता है, तो AI आपके कंपोनेंट को सीधे संपादित करने के बजाय कई वेरिएशन जनरेट करता है। फ़ील्ड टेक्स्ट “आप जो वेरिएशन जनरेट करना चाहते हैं उनका वर्णन करें” में बदल जाता है और − / + नियंत्रणों के साथ एक काउंटर दिखाई देता है ताकि आप चुन सकें कि कितने वेरिएशन बनाने हैं। जनरेट किए गए वेरिएशन एक समर्पित पैनल में दिखाई देते हैं जहां आप उनकी समीक्षा कर सकते हैं और अपने पसंदीदा संस्करणों को समूह में जोड़ सकते हैं।