स्टाइल बनाने के लिए एआई की मदद लेना

Matthias Rohmer
Matthias Rohmer

स्टाइलिंग के लिए एआई (AI) सहायता पैनल का इस्तेमाल करें. इससे आपको वेबसाइट के पूरे लेआउट और खास तरह के एलिमेंट को समझने में मदद मिलेगी. साथ ही, सीएसएस की गड़बड़ियों को एआई की मदद से जनरेट किए गए सुधार भी मिल सकेंगे.

"AI की मदद" पैनल खोलना

एआई की मदद पैनल, ड্রॉअर में खुलता है.

एआई सहायता पैनल, अपनी डिफ़ॉल्ट स्थिति में खुला.

एलिमेंट पैनल से

एलिमेंट पैनल से एआई से जुड़ी सहायता खोलने के लिए, डीओएम नोड की जांच करते समय, नोड पर राइट क्लिक करें और एआई से पूछें विकल्प चुनें.

एलिमेंट का संदर्भ मेन्यू, जिसमें 'एआई से पूछें' को हाइलाइट किया गया है.

इस तरह एआई की मदद खोलने पर, जांचा गया डीओएम एलिमेंट, बातचीत के लिए कॉन्टेक्स्ट एलिमेंट के तौर पर पहले से चुना गया होता है.

इसके अलावा, कर्सर घुमाने पर जिस DOM नोड पर कर्सर रुकता है उससे जुड़े फ़्लोटिंग बटन पर क्लिक करें.

डीओएम नोड से जुड़ा फ़्लोटिंग बटन.

कमांड मेन्यू से

कमांड मेन्यू से एआई की मदद से मदद पाने की सुविधा खोलने के लिए, AI टाइप करें. इसके बाद, एआई से जुड़ी सहायता दिखाएं कमांड चलाएं, जिसके बगल में ड्रॉर बैज दिखेगा.

खुला हुआ कमांड मेन्यू, जिसमें 'एआई से मदद पाने की सुविधा दिखाएं' को हाइलाइट किया गया है.

"ज़्यादा टूल" मेन्यू में जाकर

इसके अलावा, सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प > ज़्यादा टूल > एआई की मदद को चुनें.

ज़्यादा टूल वाला मेन्यू खुला हुआ है.

बातचीत का कॉन्टेक्स्ट

एआई की मदद से की जाने वाली चैट हमेशा उस एलिमेंट से जुड़ी होती है जिसकी जांच की जा रही है. यह एलिमेंट, एलिमेंट पैनल के डीओएम ट्री में चुना गया आखिरी एलिमेंट होता है. इस एलिमेंट का रेफ़रंस, पैनल के सबसे नीचे बाएं कोने में दिखता है.

एआई सहायता पैनल, जिसमें कॉन्टेक्स्ट एलिमेंट को हाइलाइट किया गया है.

मौजूदा एलिमेंट के बगल में मौजूद एलिमेंट पिकर बटन का इस्तेमाल करके या एलिमेंट पैनल डीओएम ट्री से संदर्भ चुनकर, संदर्भ बदलें.

फ़िलहाल, जांचे गए एलिमेंट से बातचीत शुरू होती है. हालांकि, एआई की मदद के पास सभी वेब एपीआई का ऐक्सेस होता है, ताकि जांचे गए पेज से ज़्यादा जानकारी इकट्ठा की जा सके. इसमें document.querySelector की मदद से अन्य एलिमेंट से क्वेरी करना या कैलकुलेट की गई स्टाइल का आकलन करना शामिल है.

प्रॉम्प्ट

नई बातचीत शुरू करते समय, स्टाइलिंग के लिए एआई (AI) सहायता तुरंत शुरुआत करने में आपकी मदद करने के लिए प्रॉम्प्ट के उदाहरण देती है.

एआई से मदद पाने वाला पैनल, जिसमें उदाहरण के तौर पर दिए गए प्रॉम्प्ट हाइलाइट किए गए हैं.

पैनल के सबसे नीचे मौजूद प्रॉम्प्ट इनपुट फ़ील्ड को पहले से भरने के लिए, किसी भी प्रॉम्प्ट पर क्लिक करें.

इसके अलावा, इनपुट फ़ील्ड में अपना प्रॉम्प्ट या सवाल टाइप करें.

प्रॉम्प्ट भेजने के लिए, Enter दबाएं या इनपुट फ़ील्ड के दाईं ओर मौजूद ऐरो पर क्लिक करें.

बातचीत का फ़्लो

प्रॉम्प्ट भेजने पर, स्टाइल एजेंट से बातचीत शुरू हो जाती है. आपके प्रॉम्प्ट का सबसे सही जवाब देने के लिए ज़रूरी जानकारी पाने के लिए, एजेंट वेब एपीआई को कॉल करने वाला JavaScript जनरेट और चलाता है. एजेंट की प्रोग्रेस को चरणों में दिखाया जाता है. पहले चरण का स्टेटस Investigating… है.

बातचीत शुरू होने के बाद, एआई सहायता पैनल.

आपके सवाल का जवाब देने के लिए, एजेंट ज़्यादा खास कार्रवाइयां करता है. इससे चरण का लेबल अपडेट होता रहता है.

जब एजेंट को आखिरी जवाब मिल जाता है, तो वह जवाब, जांच के चरणों के नीचे दिखता है. इसमें, फ़ॉलो-अप प्रॉम्प्ट के सुझाव भी शामिल होते हैं.

एआई की मदद से काम करने वाली सहायता पैनल, जिसमें एआई से मिले जवाब दिखते हैं.

बातचीत जारी रखने के लिए, सुझाए गए किसी भी प्रॉम्प्ट पर क्लिक करें. पर क्लिक करें

की जांच के दौरान, एआई की मदद से क्या किया गया था, यह समझने के लिए.

बातचीत के बड़े किए गए चरण के साथ एआई सहायता पैनल.

किसी प्रोग्रेस चिप को बड़ा करने पर, आपको एजेंट की ओर से चलाया गया कोड और रिटर्न वैल्यू दिखती है. आगे इस्तेमाल करने के लिए, चलाए गए कोड को कॉपी करें. जैसे, कंसोल पैनल की मदद से उसे चलाना.

रोकी गई बातचीत

एआई की मदद से, ऐसा कोड जनरेट हो सकता है जिसका असर दूसरे कोड पर पड़े. ऐसा होने पर, कोड लागू होने से पहले बातचीत रोक दी जाती है.

रोकी गई बातचीत के साथ एआई सहायता पैनल.

जब बातचीत रोक दी जाती है, तो एजेंट से मिले कोड की समीक्षा करें. आगे बढ़ने के लिए, जारी रखें पर क्लिक करें.

कोई जवाब नहीं दिया गया

कई वजहों से, हो सकता है कि एआई की सहायता जवाब न दे.

अस्वीकार की गई बातचीत के साथ एआई सहायता पैनल.

अगर आपको लगता है कि आपका प्रॉम्प्ट ऐसा है जिस पर एआई की मदद से बात की जा सकती है, तो बग की शिकायत करें.

बातचीत का इतिहास

बातचीत शुरू करने के बाद, एआई का हर जवाब, आपके और एआई के बीच हुई पिछली बातचीत पर आधारित होता है.

बातचीत का इतिहास कंट्रोल करने के लिए, पैनल के सबसे ऊपर बाएं कोने में मौजूद कंट्रोल का इस्तेमाल करें.

एआई की मदद से मिलने वाले सहायता पैनल में, इतिहास के कंट्रोल हाइलाइट किए गए हैं.

नया शुरू करें

फ़िलहाल चुने गए बातचीत के कॉन्टेक्स्ट के साथ नई बातचीत शुरू करने के लिए, बटन पर क्लिक करें.

जारी रखें

पिछली बातचीत को जारी रखने के लिए, बटन पर क्लिक करें और संदर्भ मेन्यू से उसे चुनें.

मिटाएं

इतिहास से किसी बातचीत को मिटाने के लिए, बटन पर क्लिक करें.

जवाबों को रेटिंग दें और सुझाव या राय दें

एआई की मदद, एक्सपेरिमेंट के तौर पर शुरू की गई एक सुविधा है. इसलिए, हम आपके सुझाव जानना चाहते हैं, ताकि हम यह जान सकें कि हम जवाब की क्वालिटी और आपके अनुभव को कैसे बेहतर बना सकते हैं.

एआई असिस्टेंस पैनल, जिसमें रेटिंग कंट्रोल हाइलाइट किए गए हैं.

जवाबों को वोट दें

जवाब के नीचे मौजूद, पसंद करें और नापसंद करें बटन का इस्तेमाल करके, जवाब को रेटिंग दें.

जवाबों की शिकायत करना

आपत्तिजनक कॉन्टेंट की शिकायत करने के लिए, वोटिंग बटन के बगल में मौजूद बटन पर क्लिक करें.