शानदार Claude डिज़ाइन स्किल्स जिनकी मदद से आप सचमुच बेहतरीन वेबसाइट्स बना सकते हैं
AAI LABS
컴퓨터/소프트웨어AI/미래기술
스크립트
00:00:00ऐसी बहुत सी स्किल्स मौजूद हैं जो आपको एआई की मदद से खूबसूरत वेबसाइटें डिज़ाइन करने देती हैं और उनमें से
00:00:04हर एक अलग है, लेकिन उनमें से सभी काम नहीं करतीं। कुछ का वर्कफ़्लो बहुत जटिल होता है जो प्रभावशाली लगता है
00:00:09और अंत में वे फिर भी एक ऐसी साइट जनरेट करती हैं जो बाकी सभी जैसी ही दिखती है। उनमें से केवल कुछ ही
00:00:13वास्तव में परिणाम देती हैं। अब आप सोच सकते हैं कि आपको पहली बार में इन स्किल्स की आवश्यकता क्यों पड़ेगी
00:00:17क्योंकि मॉडल पहले से ही इतने शक्तिशाली हैं और वे अब वास्तव में अच्छी डिज़ाइन बनाते हैं। लेकिन मॉडल चाहे कितना भी
00:00:22शक्तिशाली क्यों न हो, डिज़ाइन बनाते समय हर मॉडल अपने खुद के पैटर्न का पालन करता है और उस पैटर्न को आसानी से
00:00:26पहचाना जा सकता है। इसीलिए आपको उन्हें उस पैटर्न से दूर ले जाने और वास्तव में आपकी
00:00:30वेबसाइट को सबसे अलग दिखाने के लिए किसी चीज़ की आवश्यकता होती है। अब ये स्किल्स उन लोगों द्वारा विकसित की जाती हैं जिन्हें डिज़ाइन में व्यापक अनुभव है
00:00:36और उन्होंने उस वर्कफ़्लो को, जिसका उन्होंने परीक्षण किया था और जो उनके लिए काम कर गया था, एक पुनर्चक्रण योग्य रूप में पैक किया है ताकि
00:00:41आप भी इसका उपयोग कर सकें। यदि आप यहाँ नए हैं तो आपका स्वागत है। हम एक सॉफ्टवेयर कंपनी हैं और यह एआई लैब्स है तथा इस
00:00:46वीडियो में हम उन स्किल्स पर चर्चा करने जा रहे हैं जिनका हमने परीक्षण किया और जिनसे हमें वास्तव में परिणाम मिले। और शुरू करने से पहले
00:00:51एक बात जानने योग्य यह है कि आपको क्लॉड डिज़ाइन में अलग से स्किल्स जोड़ने की आवश्यकता नहीं है। जिन स्किल्स को
00:00:55आप अपने क्लॉड सेटअप में जोड़ते हैं, वही आप क्लॉड डिज़ाइन में भी उपयोग कर सकते हैं। इसलिए आप बस क्लॉड सेटिंग्स
00:01:00से स्किल जोड़ते हैं। और भले ही हम इन स्किल्स का उपयोग क्लॉड डिज़ाइन में कर रहे हैं, ये क्लॉड
00:01:05कोड, कोडेक्स या आपके द्वारा उपयोग किए जा रहे किसी अन्य एजेंट के साथ भी काम करेंगी और वही परिणाम देंगी। जिस पहली स्किल के बारे में हम बात करने
00:01:10जा रहे हैं, वे एमील कोवाल्स्की की स्किल्स हैं। इस सेट में एक नहीं बल्कि नौ स्किल्स हैं और प्रत्येक
00:01:15स्किल डिज़ाइन के एक अलग हिस्से को बदलती है। ये वे स्किल्स हैं जिनका उपयोग हम खुद भी तब करते हैं जब हम डिज़ाइनों पर काम कर रहे होते हैं,
00:01:20चाहे हम क्लॉड कोड का उपयोग कर रहे हों या क्लॉड डिज़ाइन का। इसमें कई स्किल्स हैं,
00:01:25जो डिज़ाइन के अलग-अलग क्षेत्रों को लक्षित करती हैं। उनमें से एप्पल डिज़ाइन है, जिसमें वे सभी
00:01:30डिज़ाइन सिद्धांत शामिल हैं जिनका उपयोग एप्पल अपने उत्पादों में करता है और उन्हें अन्य वेबसाइटों में उपयोग के लिए उपलब्ध कराता है।
00:01:35इसमें एक एनिमेशन शब्दावली स्किल भी है, जो मूल रूप से आपके अस्पष्ट एनिमेशन विवरण को
00:01:40सटीक शब्दों में बदल देती है जिसे एक मॉडल समझ सके। आप जितनी चाहें उतनी स्किल्स जोड़ सकते हैं, लेकिन उनमें से दो
00:01:45ऐसी हैं जिनका उपयोग हम सबसे अधिक करते हैं क्योंकि वे क्लॉड डिज़ाइन की क्षमताओं को कितना अधिक बढ़ा देती हैं।
00:01:50उनमें से एक ईमेल डिज़ाइन इंजीनियरिंग स्किल है, जिसमें सुंदर यूआई घटकों को बनाने और
00:01:55उनमें एनिमेशन जोड़ने के निर्देश शामिल हैं, जिससे यह आपके डिज़ाइन को शुरू करने के लिए सबसे अच्छी स्किल बन जाती है।
00:02:00दूसरी स्किल जिसका हम उपयोग करते हैं वह एनिमेट है और इसमें पहले से बनी वेबसाइट में
00:02:05एक विस्तृत चरण-दर-चरण प्रक्रिया के साथ एनिमेशन जोड़ने का एक संपूर्ण वर्कफ़्लो शामिल है। इनका उपयोग करने के लिए आपको उन्हें क्लॉड में जोड़ना होगा
00:02:10और एक बार जुड़ जाने के बाद आप उनका उपयोग क्लॉड डिज़ाइन के अंदर कर सकते हैं। वहाँ से आप स्लैश और स्किल का नाम टाइप करते हैं
00:02:15और प्रॉम्प्ट में बताते हैं कि आपको कौन सी साइट चाहिए। चूंकि हमारे पास अभी डिज़ाइन नहीं बना था, इसलिए हमने
00:02:20पहले एमील डिज़ाइन इंजीनियरिंग स्किल का उपयोग किया। फिर यह स्किल को लोड करता है लेकिन कुछ भी बनाने से पहले यह आपसे
00:02:25ऐप के बारे में उसी तरह सवाल पूछता है जैसे क्लॉड डिज़ाइन अपने आप पूछता है। जब आप उनका उत्तर देते हैं तो यह डिज़ाइन तैयार करता है।
00:02:30क्लॉड डिज़ाइन द्वारा बनाया गया पहला संस्करण एक मोनोटोन शैली के साथ न्यूनतम दिखता है लेकिन जो एनिमेशन
00:02:35बनकर आए वे इतने परिष्कृत नहीं लग रहे थे और कुछ स्थानों पर सिंक से बाहर थे। तो यहीं पर एनिमेट स्किल
00:02:40काम आती है क्योंकि यह वास्तव में पहले से बनी वेबसाइटों पर एनिमेशन को परिष्कृत करती है। यह स्किल समझती है कि
00:02:46साइट कैसे काम करती है और यह निर्धारित करती है कि किसे मूवमेंट की आवश्यकता है और किसे नहीं। एक बार जब क्लॉड ने
00:02:51बदलाव करना समाप्त कर दिया तो साइट के एनिमेशन में काफी सुधार हुआ। मोशन स्क्रॉल के साथ सिंक में था और
00:02:56हमारे पास जो पहले था उसकी तुलना में पूरी चीज़ अधिक जानबूझकर बनाई गई प्रतीत होती थी। अब आप सोच सकते हैं कि यह
00:03:01क्लॉड द्वारा सामान्य रूप से उत्पन्न की जाने वाली चीज़ों से ज्यादा अलग नहीं है, लेकिन ऐसा इसलिए है क्योंकि यह एक लैंडिंग पेज था। हालांकि इसने
00:03:06यहाँ बहुत छोटे और सूक्ष्म एनिमेशन में सुधार किया, लैंडिंग पेजों पर जो मुख्य एनिमेशन शैली अच्छी लगती है
00:03:11वे स्क्रॉल-आधारित एनिमेशन हैं और हमने पिछले वीडियो में इसके बारे में काफी स्किल्स को कवर किया है।
00:03:16लेकिन वह जगह जहाँ यह स्किल वास्तव में अच्छी तरह से काम करती है, वह ऐप्स के कार्यात्मक पक्ष के छोटे तत्वों में है।
00:03:21उदाहरण के लिए, हम एक रेस्तरां के लिए एक साइट पर काम कर रहे थे और हमने उस पर एनिमेशन जोड़ने के लिए एनिमेट स्किल का उपयोग किया
00:03:26और इसने छोटे एनिमेशन जोड़े जिससे साइट का उपयोग करना बेहतर महसूस हुआ, जैसे जब हम फॉर्म सबमिट करते हैं तो एनिमेशन जोड़ना
00:03:32और होवर करने पर ग्राफिक्स का उभरना। उन सभी विवरणों ने मिलकर साइट को
00:03:37काफी अधिक इंटरैक्टिव महसूस कराया और इसके उपयोग के अनुभव को बेहतर बनाया। और आप एमील की जितनी चाहें
00:03:42उतनी स्किल्स जोड़ सकते हैं क्योंकि वे सभी आपके डिज़ाइन टूलकिट में एक महत्वपूर्ण اضافہ होंगी।
00:03:47अब जिसके बारे में हम बात करने जा रहे हैं वह कोनार्ड ली की गार्डन स्किल है और यह भी एक
00:03:52एकमात्र स्किल के बजाय एक संग्रह है। इसमें पाँच स्किल्स हैं जो वीडियो
00:03:57प्रस्तुतियों और छवियों जैसी चीज़ों को कवर करती हैं, लेकिन उनमें सबसे महत्वपूर्ण वेब डिज़ाइन इंजीनियर स्किल है
00:04:02और ऐसा इसलिए है क्योंकि इस स्किल में वास्तव में शीर्ष स्तर के डिज़ाइन इंजीनियर की तरह डिज़ाइन करने के निर्देश शामिल हैं।
00:04:07यह स्किल केवल विजुअल्स को शानदार बनाने पर केंद्रित है, कार्यात्मकता पर नहीं। इस स्किल के काम करने का
00:04:12तरीका यह है कि यह आपकी आवश्यकताओं को लेता है और आपके साथ उन पर काम करता है जब तक कि यह स्पष्ट न हो जाए कि आप क्या
00:04:17चाहते हैं और फिर यह काम करने के लिए वास्तविक डिज़ाइनों की तलाश करता है। इसका सिद्धांत यह है कि अच्छा डिज़ाइन कभी भी
00:04:22शून्य से शुरू नहीं होता है, ठीक उसी तरह जैसे वहाँ हर डिज़ाइन किसी ऐसी चीज़ से प्रेरित होता है जो इससे पहले आई थी। यह
00:04:27उन डिज़ाइनों के साथ भी खुद को जोड़ता है जो पहले काम कर चुके हैं। इस स्किल में कई डिज़ाइन-संबंधित क्षेत्रों को कवर करने वाले
00:04:32संदर्भों का एक सेट भी शामिल है। वे यह बताते हैं कि किसी डिज़ाइन का न्याय कैसे किया जाए, वे तरीके जिनसे डिज़ाइन आमतौर पर
00:04:38गलत हो जाते हैं और एप्पल तथा लीनियर जैसी जानी-मानी साइटों के लिए शैली के नुस्खे ताकि यह देख सके कि जब यह आपकी साइट बनाए तो वे साइटें वास्तव में कैसे काम करती हैं।
00:04:44इसलिए एक बार जब आप इसे क्लॉड डिज़ाइन में जोड़ लेते हैं, तो आप जो बनाना चाहते उसका वर्णन करने वाला प्रॉम्प्ट देकर इसका उपयोग कर सकते हैं।
00:04:49इससे जो साइट हमें मिली वह क्लॉड डिज़ाइन द्वारा अपने दम पर निकाली गई साइट की तुलना में कहीं अधिक दिलचस्प थी।
00:04:55यह उस संस्करण की तुलना में डिज़ाइन के दृष्टिकोण से अधिक संपूर्ण और बेहतर थी जिसे क्लॉड डिज़ाइन अपने आप बना सकता था।
00:05:01और यदि आपके पास पहले से ही कोई डिज़ाइन है और फिर आप इस स्किल को चलाते हैं, तो यह उस डिज़ाइन से गुजरता है और विभिन्न क्षेत्रों में इसका मूल्यांकन करता है।
00:05:08आप डिज़ाइन को तब तक परिष्कृत करते रह सकते हैं और इसे बार-बार चला सकते हैं जब तक कि यह सही स्कोर तक न पहुँच जाए और
00:05:13उस डिज़ाइन से मेल न खा जाए जो आप वास्तव में चाहते हैं। लेकिन इससे पहले कि हम अन्य स्किल्स का पता लगाएं, यह बहुत अच्छा होगा यदि आप चैनल की सदस्यता लें
00:05:18और लाइक बटन दबाएं। समर्थन का यह छोटा सा इशारा हमारे लिए बहुत महत्वपूर्ण है।
00:05:22अगली स्किल जिसके बारे में हम बात करने जा रहे हैं वह एलिया डिज़ाइन द्वारा एआई डिज़ाइन स्किल है और इस बार यह केवल लैंडिंग पेजों के लिए बनाई गई एक सिंगल स्किल है।
00:05:30यह जो कुछ भी करती है वह एक ही फ़ाइल में है और इसका काम आपके विचार को एक विजुअल सिस्टम में बदलना है जो मूल रूप से नियमों का वह सेट है
00:05:37जिसका पेज पर मौजूद हर चीज़ पालन करती है और इसमें रंग, टाइप और स्पेसिंग शामिल हैं।
00:05:41यह स्किल वास्तव में सार्थक लैंडिंग पेज डिज़ाइन करने के लिए एक विशेष संपूर्ण प्रणाली है।
00:05:46इसके पीछे की सोच यह है कि लैंडिंग पेज होमपेज नहीं होता। होमपेज एक साथ कई अलग-अलग लोगों की सेवा करने की कोशिश कर रहा होता है।
00:05:53लेकिन लैंडिंग पेज का एक ही काम होता है और वह है लोगों को वास्तव में कार्रवाई करने के लिए प्रेरित करना।
00:05:57मॉडल ऐसे होमपेज जनरेट करते हैं जो काम करते हैं लेकिन वे इस स्किल की तरह लैंडिंग पेज डिज़ाइन करने में विशेषज्ञ नहीं होते।
00:06:03इसलिए यह पेज को उस एक कार्रवाई के इर्द-गिर्द संरचित करता है जो आप चाहते हैं कि आपकी साइट पर आने वाला कोई व्यक्ति करे ताकि इसके चारों ओर आपकी साइट को संरचित करके उस कार्रवाई पर ध्यान केंद्रित किया जा सके।
00:06:12यह डिज़ाइन को एक सुसंगत दृश्य शैली में भी रखता है और यह वेब डिज़ाइन के अन्य क्षेत्रों को भी संबोधित करता है जिन्हें अधिकांश मॉडल नजर انداز करते हैं, जिसमें यह सुनिश्चित करना शामिल है कि वेबसाइट खोज के माध्यम से आसानी से मिल सके।
00:06:22इसलिए एक बार जब आप इसे क्लॉड की स्किल्स में इंस्टॉल कर लेते हैं, तो जब भी आपको डिज़ाइन चाहिए हो तो आप इसे एक प्रॉम्प्ट के साथ चलाते हैं।
00:06:27यह पहले आपसे सवाल भी पूछता है और एक बार जब आप उनका उत्तर दे देते हैं तो यह डिज़ाइन करना शुरू कर देता है।
00:06:31इसके द्वारा बनाई गई साइट एक वास्तविक ब्रांड जैसी महसूस हुई और उस सटीक वाइब से मेल खाती थी जिसके लिए हम जा रहे थे।
00:06:36और जिस तरह से प्रत्येक तत्व को संरचित किया गया था, उससे इसकी अधिक संभावना बन गई कि साइट पर आने वाला कोई भी व्यक्ति वास्तव में खरीदारी करेगा।
00:06:43लेकिन पहले हमारे प्रायोजक की एक बात सुन लेते हैं।
00:06:45मेक। आप विजुअल ऑटोमेशन के लिए मेक को पहले से ही जानते हैं लेकिन उन्होंने अभी-अभी माया लॉन्च किया है।
00:06:49यह एक एआई सहकर्मी है जो सीधे मेक बिल्डर के अंदर रहता है।
00:06:52अधिकांश एआई बिल्डर आपको एक ब्लैक बॉक्स सौंप देते हैं और आप बस उम्मीद करते हैं कि यह काम करेगा।
00:06:56माया अलग है। आप उसे सादी अंग्रेजी में बताते हैं कि आप क्या चाहते हैं और वह इसे आपके ठीक सामने बना देती है।
00:07:00इसलिए हमने इसे आजमाया। हमने माया से कहा कि जब भी सेल्सफोर्स में कोई नई लीड आए तो हमारी टीम को एक स्लैक सारांश भेजे और यह सीधे कैनवास पर चला गया।
00:07:07माया ने अनुरोध पर विचार किया, सही उपकरणों को चुना, हर मॉड्यूल को मैप किया और हमारे देखते-देखते कैनवास पर पूरे ऑटोमेशन को एक साथ जोड़ दिया।
00:07:15आप हर निर्णय को देखते हैं ताकि आप कूद सकें और किसी भी चीज़ को, किसी भी समय समायोजित कर सकें।
00:07:19इस प्रक्रिया में आपको केवल एक ऑटोमेशन नहीं मिल रहा है, बल्कि आप सीख रहे हैं कि मेक वास्तव में कैसे काम करता है।
00:07:23यह अभी बीटा में आजमाने के लिए मुफ़्त है। लिंक विवरण में है।
00:07:26अगली स्किल्स जिसके बारे में हम बात करने जा रहे हैं वे मेंग टू द्वारा हैं।
00:07:29वह वास्तव में एक ऐसे डिज़ाइनर हैं जो लंबे समय से इस उद्योग में हैं और अपने इमर्सिव स्क्रॉल-आधारित स्टोरीटेलिंग डिज़ाइनों के लिए जाने जाते हैं।
00:07:36और उन्होंने अपनी खोजी गई हर चीज़ को लिया है और इसे डिज़ाइन स्किल्स की एक प्रणाली में पैक किया है ताकि आप भी इसका उपयोग कर सकें।
00:07:41इसमें विभिन्न क्षेत्रों को कवर करने वाली कई स्किल्स शामिल हैं।
00:07:44वे सभी उच्च गुणवत्ता वाले डिज़ाइन तैयार करने पर केंद्रित हैं जो केवल दिखने में अच्छे लगने के बजाय वास्तव में एक कहानी कहते हैं।
00:07:51उनमें से एक वीडियो टू सुपर प्रॉम्प्ट है जो वेबसाइट की स्क्रीन रिकॉर्डिंग या वॉकथ्रू लेकर और उस रिकॉर्डिंग को आपके एजेंट के लिए प्रॉम्प्ट में बदलने के लिए आपकी मशीन पर टूल का उपयोग करके काम करता है।
00:08:01लेकिन जिस स्किल के बारे में हम वास्तव में बात करना चाहते हैं वह अवार्ड्स क्वालिटी साइट्स है।
00:08:05अवार्ड्स वह साइट है जो शानदार डिज़ाइन के लिए प्रतियोगिता आयोजित करती है और वहाँ जीतने वाली साइटों को वेब पर सबसे अच्छे डिज़ाइन वाली साइटों के रूप में मान्यता दी जाती है।
00:08:12यह स्किल वास्तव में उन सिद्धांतों और डिज़ाइन विवरणों को सूचीबद्ध करती है जो अवार्ड्स-स्तरीय साइटों में होते हैं।
00:08:17और यह मायने रखता है क्योंकि क्लॉड अपने दम पर उस स्तर का डिज़ाइन नहीं बनाता है।
00:08:21इसलिए स्किल उन सिद्धांतों को प्रक्रिया में रखती है और डिज़ाइन की दिशा का मार्गदर्शन करती है।
00:08:25और जो बात इन्हें अलग करती है वह यह है कि सिद्धांतों के साथ-साथ, सेट में वास्तविक तकनीकें और विशिष्ट प्रभाव होते हैं जो किसी साइट को महंगा दिखाते हैं, जो कि वह हिस्सा है जिसे कोई मॉडल अपने दम पर नहीं बनाएगा।
00:08:35एक बार जब आप अवार्ड स्किल जोड़ लेते हैं, तो आप इसे उस साइट का वर्णन करने वाला एक प्रॉम्प्ट देते हैं जो आप चाहते हैं।
00:08:40और इसके बाद जो साइट बनकर आती है, वह जीतने वाली साइटों की तरह ही संरचित और डिज़ाइन की गई होती है।
00:08:45वहाँ एक सूक्ष्म एनिमेटेड बैकग्राउंड है, लेकिन जो चीज़ सबसे अलग लगी, वह था इसका स्क्रॉल।
00:08:49इसमें स्क्रॉल-आधारित स्टोरीटेलिंग दृष्टिकोण का उपयोग किया गया था, बिल्कुल वैसे ही जैसे वेबसाइटें अवार्ड्स पर दिखाई देती हैं।
00:08:54अगला स्किल सेट जाकुब क्रेहेल (Jakub Krehel) का है।
00:08:57और अन्य के विपरीत, जहाँ एक स्किल साइट के हर हिस्से को एक साथ संभालती है, यह इसे कई स्किल्स में विभाजित करती है ताकि हर क्षेत्र को अपना अलग स्किल मिले।
00:09:05डिज़ाइन का हिस्सा बनने वाले सभी तत्व, जिनमें टाइपोग्राफी, रंग, एसेसिबिलिटी और बहुत कुछ शामिल है, हर एक को एक अलग स्किल मिलता है बजाय इसके कि एक ही स्किल सब कुछ संभाले।
00:09:13आप इनमें से किसी भी स्किल को क्लॉड डिज़ाइन में जोड़ सकते हैं, लेकिन जिस स्किल का हम उपयोग करते हैं वह समीक्षा (review) स्किल है।
00:09:18हम इसका उपयोग करते हैं क्योंकि यह डिज़ाइन के सभी पहलुओं की व्यापक समीक्षा करता है ताकि हम इसके द्वारा दिए गए स्कोर के आधार पर सुधार कर सकें।
00:09:24यह समीक्षा स्किल तब और बेहतर काम करती है जब आप इसे गिटहब (GitHub) से कनेक्ट करते हैं क्योंकि यह जांचती है कि आपके द्वारा किए गए बदलावों से पहले और बाद में डिज़ाइन कैसा दिखता था।
00:09:31यदि आपके अंतिम बदलाव से पहले कोई चीज़ काम कर रही थी और अब नहीं कर रही है, तो यह उसे चिह्नित करता है और आपको बता सकेगा कि आपके द्वारा किए गए एक निश्चित बदलाव के कारण यह अब काम नहीं कर रहा है।
00:09:40यह एनिमेशन, एसेसिबिलिटी जैसी चीज़ों को देखता है और यह भी कि अलग-अलग स्क्रीन साइज़ पर साइट कैसी दिखती है, और फिर यह मिली हुई हर चीज़ की सूची बनाता है ताकि आप इसे ठीक कर सकें।
00:09:48हम एक बेहतर लेआउट स्किल का भी उपयोग करते हैं क्योंकि यहीं पर क्लॉड डिज़ाइन को असल में संघर्ष करना पड़ता है।
00:09:52यह स्पेसिंग, पोजीशनिंग और डिज़ाइन में चीज़ें कैसे एक सीध में हैं, इससे निपटता है और डिज़ाइन के साथ पूरी तरह से काम करता है।
00:09:58उदाहरण के लिए, इसने पकड़ा कि पेज पर एक तारीख को दी गई जगह से अधिक जगह की आवश्यकता थी और यहाँ तक कि हमें यह भी बताया कि इसे कितने अतिरिक्त पिक्सल चाहिए।
00:10:04इसलिए आप बस इसे अपने सभी संकेतों को ठीक करने के लिए कहते हैं।
00:10:06यह साइट को नाटकीय रूप से अलग नहीं दिखाएगा, लेकिन यह जो करेगा वह यह है कि इसे उन डिज़ाइन सिद्धांतों के अनुसार सही बनाएगा जिन पर लोग असल में काम करते हैं।
00:10:14सूची में अगला स्किल टेस्टमेकर (Tastemaker) है।
00:10:16इसका मुख्य उद्देश्य उन सामान्य डिफ़ॉल्ट्स से बचना है जो मॉडल उत्पन्न करते हैं और जो चीज़ इसे अलग बनाती है वह यह है कि यह ऐसा कैसे करता है।
00:10:22यह एक वास्तविक संदर्भ के वास्तविक पिक्सल से काम करता है, ताकि पहले किसी लुक को शब्दों में बदलने में कुछ भी खो न जाए।
00:10:28जब आप मॉडल को एक संदर्भ छवि देते हैं, तो यह आमतौर पर इसे एक पाठ-आधारित सारांश में बदल देता है जिसका उपयोग यह बाद में संदर्भ के रूप में कर सकता है।
00:10:34लेकिन यह स्किल असल में सटीक डिज़ाइन विवरण निकालने के लिए स्क्रिप्ट का उपयोग करता है और उन्हें एक संरचित प्रारूप में सहेजता है जिसका उपयोग एजेंट बाद में कर सकते हैं।
00:10:42यह उन डिज़ाइन विवरणों को सुरक्षित रखता है जो अन्यथा पाठ-आधारित सारांश में खो जाते।
00:10:46यह उन बहुत सी चीज़ों को संभालने के लिए पहले स्क्रिप्ट पर निर्भर करता है जिन्हें एजेंट को खुद किए बिना किया जा सकता है।
00:10:52उदाहरण के लिए, इसने उन्हें अलग-अलग दिशाओं में धकेला और अलग-अलग रूपों को आजमाया।
00:10:55यह जो निर्णय लेता है वे एक स्क्रीन पर रुकने के बजाय पूरे प्रोजेक्ट में आगे बढ़ते हैं।
00:10:59यह स्किल असल में मॉडल को डिज़ाइन करने के लिए स्वाद देता है ताकि वे उन्हीं सामान्य पैटर्नों पर डिफ़ॉल्ट न हो जाएं।
00:11:05इसलिए एक बार जब आप इसे जोड़ लेते हैं, तो आप इसे स्लैश कमांड और एक प्रॉम्प्ट के साथ उसी तरह चलाते हैं।
00:11:09हमने इसे वह साइट दी जो हम चाहते थे और साथ ही पहले की स्टाइल आवश्यकताओं को भी दिया और इसे उनके माध्यम से काम करने दिया।
00:11:14इसके बाद जो साइट सामने आई वह वास्तव में प्रभावशाली लग रही थी जिसमें उस सामान्य शैली का कोई नामो-निशान नहीं था और यह उस साइट के रूप और अनुभव से मेल खाती थी जिसे हमने बनाने के लिए कहा था।
00:11:22अंतिम सेट लोकप्रिय संग्रहों में से एक है और जो चीज़ इन्हें अलग करती है वह यह है कि वे वास्तविक शोध पर आधारित हैं,
00:11:28उन नामित नियमों पर जिनसे डिज़ाइनर वास्तव में काम करते हैं और प्रत्येक के लिए एक अलग स्किल है।
00:11:33इसके कुछ स्किल्स इस बात को कवर करते हैं कि लोग आधी में आपकी वेबसाइट क्यों छोड़ देते हैं और व्यवहार कैसे सामने आता है जब कोई व्यक्ति साइट के माध्यम से आगे बढ़ता है।
00:11:39और आपको यह सब स्थापित करने की आवश्यकता नहीं है।
00:11:41आप बस उन स्किल्स को स्थापित करते हैं जो आपके काम करने के तरीके के अनुकूल हैं।
00:11:44हमारे सेटअप के लिए, हमने दो जोड़े।
00:11:45पहला स्क्रीन क्रिटिक है, जो एक स्क्रीन लेता है और कई अलग-अलग कोणों से इसकी समीक्षा करता है,
00:11:50फिर आपको बताता है कि वह स्क्रीन कहाँ गलत हो रही है और यह डिज़ाइन की गुणवत्ता का न्याय करने के लिए उचित दिशानिर्देशों से काम कर रहा है।
00:11:56दूसरा धारणा नियम (perception laws) है, जिसमें मूल रूप से इस बारे में निर्देश शामिल हैं कि मानव आँख वास्तव में डिज़ाइन को कैसे देखती है और समझती है।
00:12:03इसलिए एक बार जब आपका डिज़ाइन तैयार हो जाता है, तो आप समीक्षा चलाते हैं और यह इस बात के साथ वापस आता है कि क्या गलत है जैसे कि क्या सबसे पहले बाहर खड़ा है,
00:12:09प्रकार और रिक्ति (spacing) और यह सब सूचीबद्ध करता है ताकि आप इसे ठीक कर सकें।
00:12:12और एक बार जब धारणा के नियम साइट पर लागू हो जाते हैं, तो पूरी चीज़ अधिक परिष्कृत महसूस होती है।
00:12:17अब ये वे स्किल्स थीं जो आप सभी के उपयोग के लिए GitHub पर उपलब्ध हैं।
00:12:20लेकिन हम अन्य स्किल्स का उपयोग करते हैं जिन्हें हमने परीक्षण के माध्यम से खुद बनाया और परिष्कृत किया है और जब हम वास्तव में उत्पादों का निर्माण कर रहे होते हैं तो उनका उपयोग करते हैं।
00:12:26इसलिए यदि आप उस तक पहुँच चाहते हैं, तो आप इसे एआई लैब्स प्रो (AI Labs Pro) में प्राप्त कर सकते हैं, जो हमारा समुदाय है।
00:12:31ये वे स्किल्स हैं जिनमें कुछ स्किल्स शामिल हैं जिन्हें हमने खुद बनाया है और कुछ जिनका हम ओपन सोर्स उपयोग करते हैं।
00:12:36इसलिए यदि आपको हमारे काम में मूल्य मिला है और आप चैनल का समर्थन करना चाहते हैं, तो ऐसा करने का यह सबसे अच्छा तरीका है।
00:12:41लिंक विवरण में है।
00:12:42यह हमें इस वीडियो के अंत तक लाता है।
00:12:44यदि आप चैनल का समर्थन करना चाहते हैं और इस तरह के वीडियो बनाना जारी रखने में हमारी मदद करना चाहते हैं, तो आप नीचे दिए गए सुपर थैंक्स बटन का उपयोग करके ऐसा कर सकते हैं।
00:12:50हमेशा की तरह, देखने के लिए धन्यवाद और मैं आपसे अगले वीडियो में मिलूँगा।