Claude Code + Impeccable = डिज़ाइन चीट कोड
CChase AI
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00"एआई में कोई समझ नहीं होती और यह आपकी गलती है।"
00:00:03आपके विज़ुअल आउटपुट इतने औसत दर्जे के
00:00:05इसलिए हैं क्योंकि आपके प्रॉम्प्ट बहुत औसत हैं।
00:00:08आप उस तरह की शब्दावली, भाषा
00:00:10और नामकरण का उपयोग नहीं कर रहे हैं
00:00:11जो एक असली डिज़ाइनर करता है।
00:00:13लेकिन हमारे लिए सौभाग्य की बात है कि मुझे एक समाधान मिल गया।
00:00:16इसका नाम है इम्पैकेबल (Impeccable)।
00:00:17और यह एक ओपन सोर्स गिटहब रेपो है
00:00:20जो वास्तव में एक ऐसा कौशल है
00:00:23जिसे हम क्लाउड कोड (Cloud Code) में आयात कर सकते हैं
00:00:25जो इस समस्या को ठीक करता है।
00:00:27यह क्लाउड कोड को एक डिज़ाइन भाषा देता है
00:00:29जो उसे सिखाती है कि अच्छा डिज़ाइन कैसा दिखता है
00:00:32और साथ ही उसे यह भी बताती है कि किस तरह के बुरे डिज़ाइन से बचना है।
00:00:36और आज मैं न केवल आपको दिखाऊंगा कि यह कौशल कैसे काम करता है,
00:00:39हम इसका उपयोग एक बिल्कुल नई वेबसाइट बनाने के लिए करेंगे
00:00:42और अपनी एक मौजूदा वेबसाइट को एडिट करने के लिए करेंगे।
00:00:45तो इस वीडियो के अंत तक, आपके पास कोई बहाना नहीं होगा
00:00:48जब बात औसत दर्जे के फ्रंट-एंड डिज़ाइन बनाने की आती है।
00:00:51तो इम्पैकेबल एक ओपन सोर्स गिटहब रेपो है
00:00:54जो हमें एक ऐसा कौशल देता है
00:00:55जिससे हम ऐसे फ्रंट-एंड डिज़ाइन बना सकते हैं
00:00:58जो खराब न हों।
00:01:00अब यह एक एकल कौशल है,
00:01:01लेकिन यह कहना इसे थोड़ा कम करके आंकना होगा
00:01:03क्योंकि इस एकल कौशल में 23 अलग-अलग कमांड शामिल हैं।
00:01:07इसमें सात डोमेन-विशिष्ट संदर्भ फाइलें हैं।
00:01:10यह हमें बताता है कि किस तरह के एंटी-पैटर्न से बचना है
00:01:13और यह हमें ब्राउज़र के अंदर चीज़ों को एडिट करने की भी अनुमति देता है।
00:01:17तो यह वास्तव में एक बहुत ही मज़बूत टूल है।
00:01:20यह केवल एक फ्रंट-एंड डिज़ाइन कौशल नहीं है
00:01:22जो कुछ पैराग्राफ तक चलता रहता है
00:01:24खैर, यह उन सभी को रेपो के अंदर तोड़ता है,
00:01:26लेकिन सच तो यह है कि आप इन सबको कभी याद नहीं रख पाएंगे।
00:01:28लेकिन यहाँ दो चीज़ें मदद करती हैं।
00:01:31एक, जाहिर है, क्लाउड कोड यह पता लगाने में काफी अच्छा काम करेगा
00:01:34कि आपको कौन सा इस्तेमाल करना चाहिए।
00:01:35लेकिन दूसरी बात, उनके पास पूरी एक वेबसाइट है
00:01:37जो हमें यह भी दिखाती है कि ये 23 कौशल क्या करते हैं।
00:01:40तो गिटहब वेबसाइट से लिंक करता है,
00:01:42जो कि impeccable.style है।
00:01:44और अच्छी बात यह है कि हर लागू कौशल के लिए,
00:01:46हम देख सकते हैं कि कोई चीज़ पहले कैसी दिखती है,
00:01:49जो कि साधारण क्लाउड कोड है,
00:01:53और यह बाद में कैसा दिखता है
00:01:54उस विशिष्ट 'इम्पैकेबल' कमांड का उपयोग करने के बाद।
00:01:56तो काफी बढ़िया है।
00:01:59अब इम्पैकेबल के वास्तव में डिजाइन के सात स्तंभ हैं,
00:02:02टाइपोग्राफी, रंग, स्थानिक डिजाइन, रिस्पॉन्सिवनेस,
00:02:03और बाद में यह कैसा दिखता है
00:02:05उस विशिष्ट इम्पैकेबल कमांड का उपयोग करके।
00:02:07तो काफी बढ़िया है।
00:02:09अब इम्पैकेबल के वास्तव में डिज़ाइन के सात स्तंभ हैं,
00:02:12टाइपोग्राफी, रंग, स्थानिक डिज़ाइन, उत्तरदायित्व (responsiveness),
00:02:15इंटरैक्शन, मोशन, और यूएक्स लेखन।
00:02:17तो यह सिर्फ रंगों और ऐसी चीज़ों के लिए नहीं है।
00:02:21यह काफी व्यापक है।
00:02:22और यहाँ, हम स्क्रॉल कर सकते हैं
00:02:25इन सभी अलग-अलग कमांड के माध्यम से।
00:02:27और जैसा कि मैंने कहा, देखें कि वे कैसे दिखते हैं
00:02:29कौशल का उपयोग करके और कौशल का उपयोग न करके।
00:02:31तो अगर आप सोच रहे हैं, अरे, यह वास्तव में क्या करता है?
00:02:34क्या मैं इसे काम करते हुए देख सकता हूँ?
00:02:35तो ऐसा करने के लिए यह सबसे अच्छी जगह है।
00:02:37वेबसाइट में एक केस स्टडी भी शामिल है
00:02:39जो दिखाती है कि उन्होंने यह वेबसाइट कैसे बनाई
00:02:40इम्पैकेबल और एक सिंगल इमेज के साथ।
00:02:42और मुझे लगता है कि यह काफी अच्छा दिखता है।
00:02:43और अंत में, वे इस लाइव मोड को दिखाते हैं,
00:02:45जिसके साथ हम थोड़ा खेलेंगे,
00:02:47जो अल्फा में है,
00:02:48और हमें अपनी वेबसाइट के साथ वास्तव में छेड़छाड़ करने देता है
00:02:51ब्राउज़र के माध्यम से जैसा कि मैंने पहले बताया।
00:02:53अब इसमें एक क्रोम एक्सटेंशन और एक सीएलआई (CLI) भी है,
00:02:56लेकिन सच कहूं,
00:02:56हमें कौशल के माध्यम से लगभग 99% वैल्यू मिल जाती है।
00:02:59तो आज हम उसी पर ध्यान केंद्रित करेंगे।
00:03:01अब इसे इंस्टॉल करने के लिए, यह कोड की एक लाइन है,
00:03:04बस आपको इसे कॉपी करना है,
00:03:06अपने टर्मिनल में जाना है और इसे पेस्ट करना है।
00:03:07अब, जब इम्पैकेबल का उपयोग करने की बात आती है,
00:03:09तो वास्तव में दो रास्ते हैं।
00:03:11एक है ग्रीनफील्ड,
00:03:12जहाँ हम खरोंच से एक वेबसाइट बना रहे हैं,
00:03:14और दूसरा है किसी मौजूदा साइट को एडिट करना।
00:03:17अब, आज हम ये दोनों और इससे भी ज़्यादा काम करेंगे
00:03:20क्योंकि मैं न केवल आपको दिखाऊंगा
00:03:22कि इसे खरोंच से कैसे बनाया जाए,
00:03:23मैं आपको यह भी दिखाऊंगा कि यह कैसा दिखता है
00:03:25जब हम किसी तरह की संदर्भ इमेज के साथ खरोंच से बनाते हैं
00:03:27एक मूड बोर्ड के साथ, तो उसे समझें।
00:03:30उसके बाद, हम अपनी वास्तविक वेबसाइट पर जाएंगे
00:03:33और हम देखेंगे कि इम्पैकेबल इसके बारे में क्या सोचता है
00:03:36और हम अपने खुद के काम पर किस तरह का कचरा हटा सकते हैं।
00:03:41अंत में, हम इम्पैकेबल लाइव पर एक नज़र डालेंगे,
00:03:43जो अपने अल्फा चरण में है,
00:03:44और देखेंगे कि यह आज की स्थिति में कितना अच्छा है।
00:03:48लेकिन वास्तविक निर्माण में उतरने से पहले,
00:03:50सबके पसंदीदा प्रायोजक, यानी मेरी ओर से एक छोटी सी बात।
00:03:54तो पिछले महीने मैंने अपना क्लाउड कोड मास्टरक्लास रिलीज़ किया,
00:03:56और यह शून्य से एआई देव बनने का नंबर वन तरीका है,
00:03:59खासकर अगर आप तकनीकी पृष्ठभूमि से नहीं आते हैं।
00:04:02मैं इस कोर्स को हर हफ्ते अपडेट करता हूँ,
00:04:05तो यह पता लगाने के लिए सबसे अच्छी जगह है
00:04:07कि वास्तव में इस जंगली टूल का उपयोग कैसे करें।
00:04:10हम वास्तविक उपयोग के मामलों पर ध्यान केंद्रित करते हैं।
00:04:12मैंने अभी-अभी अपनी पूरी
00:04:13क्लाउड कोड एजेनिक ओएस (Agenic OS) पाठ योजना निकाली है।
00:04:16तो अगर आप इसे अपने हाथों में लेना चाहते हैं,
00:04:18तो आप इसे चेज़ एआई प्लस (Chase AI Plus) के अंदर पा सकते हैं।
00:04:20इसका लिंक पिन किए गए कमेंट में है।
00:04:23तो चलिए शुरू करते हैं,
00:04:24और हम ग्रीनफील्ड प्रोजेक्ट के साथ इसकी शुरुआत करेंगे।
00:04:27तो हम खरोंच से एक वेबसाइट बनाएंगे।
00:04:29अब, फिर से, इतने सारे कमांड हैं,
00:04:31यह थोड़ा भ्रमित करने वाला हो सकता है।
00:04:32अगर आप खरोंच से कुछ शुरू कर रहे हैं,
00:04:35तो मैं इम्पैकेबल क्राफ्ट (impeccable craft) के साथ खोलने का सुझाव देता हूँ,
00:04:39क्योंकि इसमें शामिल होने वाला है
00:04:41कुछ सहायक कमांड जैसे इम्पैकेबल टीच (impeccable teach)।
00:04:44अब, इन सब चीज़ों का क्या मतलब है?
00:04:45खैर, इम्पैकेबल क्राफ्ट का मतलब काफी हद तक यह है कि
00:04:48यह अपने प्लान मोड के संस्करण से गुज़रेगा
00:04:50और हमारी वेबसाइट, हमारे उत्पाद के बारे में पूछेगा,
00:04:53कि हम वास्तव में क्या बनाने की कोशिश कर रहे हैं।
00:04:55और उस प्रक्रिया में, यह दो फाइलें बनाएगा।
00:04:59यह product.markdown बनाएगा
00:05:01और एक design.markdown बनाएगा।
00:05:02अब, design.md काफी हद तक वही चीज़ है
00:05:07जो हमने Google स्टिच (Stitch) में देखी है।
00:05:09आप लोगों को Google स्टिच याद है, है ना?
00:05:11Google का मुफ्त डिज़ाइन टूल।
00:05:13आपके पास यह पूरा डिज़ाइन सिस्टम है,
00:05:14और आपके पास यह design.md फाइल है,
00:05:16जो बहुत गहन मार्कडाउन फाइल है,
00:05:20एआई को बता रही है कि कुछ कैसे बनाना है।
00:05:21यह पूरा design.md ढांचा
00:05:24कुछ हद तक एक उद्योग मानक बनता जा रहा है, तो समझ लीजिए।
00:05:27आप इन दिनों यह हर जगह देख रहे हैं।
00:05:29और इम्पैकेबल उस दृष्टिकोण का पालन करता है।
00:05:31तो यह अनिवार्य रूप से हमारा साक्षात्कार करेगा
00:05:32और पता लगाएगा कि हम क्या बना रहे हैं
00:05:34और हम इसे कैसा दिखाना चाहते हैं।
00:05:36और एक बार जब यह साक्षात्कार कर लेता है,
00:05:37यह हमारे लिए लैंडिंग पेज बनाने के लिए आगे बढ़ेगा।
00:05:39यह सोलो फाउंडर्स/छोटी टीमों के लिए एक एनालिटिक्स प्लेटफॉर्म है।
00:05:41मैं impeccable-test नाम की एक नई डायरेक्टरी में हूँ।
00:05:44कमांड impeccable-spacecraft है।
00:05:47और प्रॉम्प्ट है कि चलिए एक लैंडिंग पेज बनाते हैं
00:05:49मेरे नकली सास (SaaS) उत्पाद लाइटहाउस (Lighthouse) के लिए।
00:05:51यह सोलो फाउंडर्स/छोटी टीमों के लिए एक एनालिटिक्स प्लेटफ़ॉर्म है।
00:05:54मुझसे कोई भी सवाल पूछें जो आप चाहते हैं।
00:05:56यह काफी हद तक वही प्रॉम्प्ट है
00:05:58जो मैंने अपने पिछले वीडियो में Huashu डिज़ाइन को दिया था।
00:06:01अगर आपने वह नहीं देखा है, तो निश्चित रूप से देखें,
00:06:03जो अनिवार्य रूप से एक क्लाउड डिज़ाइन क्लोन है।
00:06:06तो यह देखना दिलचस्प होगा
00:06:08कि इम्पैकेबल उस डिज़ाइन सिस्टम के मुकाबले कैसा खड़ा होता है।
00:06:11और अगर आपने वह वीडियो नहीं देखा है,
00:06:13तो मैं इसे ऊपर लिंक कर दूँगा।
00:06:14तो यह 13 सवालों के साथ वापस आया।
00:06:16पहले चार सभी उत्पाद के बारे में हैं,
00:06:18जैसे कि असली ग्राहक कौन है?
00:06:19आप लाइटहाउस का वर्णन कैसे करेंगे?
00:06:21विज़िटर की मानसिकता क्या है?
00:06:22और प्राथमिक सीटीए (CTA) क्या है?
00:06:23इस लैंडिंग पेज का असली उद्देश्य क्या है?
00:06:25अगले कुछ सवाल सभी आवाज़ और रूप के बारे में हैं
00:06:28इससे पहले कि यह स्कोप में जाए।
00:06:29क्या हम सिर्फ हीरो ही कर रहे हैं?
00:06:30पूरा स्क्रॉल, असली स्क्रीनशॉट?
00:06:32जैसे, क्या आपके पास मेरे लिए कोई अन्य संपत्ति है?
00:06:34और जो मुझे यहाँ पसंद है, वह है सवालों की गहराई।
00:06:36यह Huashu डिज़ाइन द्वारा पूछे गए सवालों से ज़्यादा सवाल हैं
00:06:40जो पिछले वीडियो में पूछे थे।
00:06:41और यह सवालों की उस संख्या के काफी करीब है
00:06:43जो आपको क्लाउड डिज़ाइन जैसी चीज़ से मिलते हैं।
00:06:44जैसे यह बहुत गहरा है और मैं इसे देखकर खुश हूँ।
00:06:46तो मैं जो करने जा रहा हूँ वह है मैं बस इन्हें भरूँगा।
00:06:49मैं इसे काफी मानक रखूँगा।
00:06:50मुझे कुछ भी पागलपन भरा करने की ज़रूरत नहीं होगी।
00:06:52और हम पूर्ण स्क्रॉल के लिए कहेंगे।
00:06:53तो यह रहा जो इम्पैकेबल ने हमें अपने पहले प्रयास में दिया
00:06:56काफी न्यूनतम मार्गदर्शन के साथ।
00:06:57हमने वास्तव में जो कुछ किया वह था इसके सवालों के जवाब देना।
00:06:59हमने इसे कोई संपत्ति या उदाहरण भी नहीं दिया।
00:07:01अब, तुरंत ही,
00:07:02मुझे इसे देखते ही एआई स्लोप (AI slop) बिल्कुल नहीं लगता,
00:07:05हालाँकि आप इस क्रीम रंग को देखना शुरू कर रहे हैं
00:07:08और सेरिफ़ फोंट हर जगह इन अधिक आधुनिक
00:07:11फ्रंट-एंड डिज़ाइन में, विशेष रूप से क्लाउड डिज़ाइन जैसी चीज़ों में।
00:07:13मुझे यह डैशबोर्ड पसंद है जो यह लेकर आया है,
00:07:16निश्चित रूप से यह पसंद आया।
00:07:18मुझे यह पसंद है कि मैं सिर्फ अपना मानक नहीं देख रहा हूँ, आप जानते हैं,
00:07:20चार बेंटो बॉक्स जो आप हर एक में देखते हैं
00:07:23एआई डिज़ाइन वेबसाइट।
00:07:25यह हिस्सा काफी अच्छा दिखता है।
00:07:26हमारे पास उद्धरण, पूरी कीमत है,
00:07:30और फिर कुछ ऐसा, हे, आगे बढ़ें और हमें अपना ईमेल दें।
00:07:32तो पहली बार के लिए, काफी अच्छा है।
00:07:35लेकिन हाल ही में मुझे क्या करना वाकई पसंद है
00:07:37जब बात क्लाउड कोड के साथ मेरे वेब डिज़ाइन की आती है तो
00:07:40मैं इसे सिर्फ इस तरह का सिंगल आउटपुट नहीं देने देता।
00:07:44तो जो मैंने आगे बढ़कर इम्पैकेबल उर्फ क्लाउड कोड से कहा वह यह था कि
00:07:47मुझे वेबसाइट का सिर्फ एक लेआउट नहीं चाहिए।
00:07:50जैसा कि आप यहाँ देखते हैं, यह पहला पास था जो इसने मुझे दिया।
00:07:52मैं तीन अलग-अलग वेरिएंट देखना चाहता हूँ जिन्हें मैं चुन सकूँ।
00:07:56और मैं चाहता हूँ कि वे सभी काफी अलग हों।
00:07:59इसके अलावा, मैं उन सभी पर क्लिक करके आगे बढ़ना चाहता हूँ
00:08:01और मैं उन सभी को अगल-बगल देखना चाहता हूँ।
00:08:03तो मैं कुछ इस तरह के मैक्रो लेआउट देखना चाहता हूँ
00:08:05इससे पहले कि हम वास्तव में बारीकियों में उतरें
00:08:08और घटकों के साथ खेलना शुरू करें।
00:08:09और इसलिए इम्पैकेबल ने मुझे यह दिया।
00:08:11तो हमारे पास संपादकीय वाला है जिसे हमने अभी देखा।
00:08:15इसने एक बनाया जिसे उसने यहाँ 'ड्रेंच्ड' कहा।
00:08:17निश्चित रूप से एक अलग शैली, बहुत अधिक रंग।
00:08:20और फिर हमारे पास ब्रूटलिस्ट वाला था।
00:08:22तो यहाँ ड्रेंच्ड पर एक नज़र है,
00:08:24निश्चित रूप से काफी ज्यादा अलग।
00:08:26मैं कहूँगा कि हमारे पास यहाँ सामने कुछ ओवरलैप है,
00:08:29लेकिन यह अधिकांश एआई जेनरेशन से काफी अलग दिखता है।
00:08:34जैसे-जैसे हम आगे बढ़ते हैं, आप जानते हैं, मुझे एक तरह से पसंद है बोल्डनेस
00:08:39इस वेबसाइट की, हालाँकि मैं वास्तव में रंगों के बारे में नहीं जानता।
00:08:43लेकिन मैं कहूँगा कि मुझे यह ब्रूटलिस्ट वाला पसंद है।
00:08:44जैसे यह बहुत ग्रेस्केल है,
00:08:46लेकिन मुझे पसंद है कि नंबर कैसे सेट किए गए हैं।
00:08:48मुझे पसंद है कि बक्से एक तरह से ऑफसेट हैं।
00:08:52जैसे लाइनें पूरी तरह से मेल नहीं खातीं।
00:08:54मुझे वास्तव में यह वाला पसंद है।
00:08:56मुझे लगता है कि यह बहुत अच्छा और बहुत अलग दिखता है।
00:08:58और इसलिए मुझे लगता है कि हम क्या करने जा रहे हैं, हम इसके साथ
00:09:02अभी के लिए जाने वाले हैं।
00:09:04और सिर्फ आपकी जानकारी के लिए, यह पूरी तरह से ट्रिपल डिज़ाइन वाली चीज़
00:09:07और इसे एक ही बार में देखना,
00:09:08वह इम्पैकेबल की कोई अंतर्निहित चीज़ नहीं है।
00:09:12यह कुछ ऐसा है जो मैं करता हूँ।
00:09:13यह सिर्फ एक सिंगल प्रॉम्प्ट है।
00:09:14और मैं अत्यधिक सुझाव देता हूँ कि आप ऐसा करें चाहे आप किसी भी प्रकार के
00:09:17डिज़ाइन या स्किल्स का उपयोग कर रहे हों।
00:09:19मुझे लगता है कि यह कुछ ऐसा है जो मैंने स्टिच से सीखा है
00:09:23क्योंकि गूगल स्टिच इसे वास्तव में आसान बनाता है
00:09:25इस तरह की चीज़ करने के लिए जहाँ आप देख सकें
00:09:26एक ही पेज पर ये सभी अलग-अलग वेरिएशन
00:09:29और तुलना और अंतर कर सकें।
00:09:30और व्यक्तिगत रूप से मेरे लिए, मुझे इन दृश्य चीजों को देखना होगा
00:09:33ताकि मुझे कोई अंदाजा हो सके कि मैं कहाँ जाना चाहता हूँ।
00:09:37तो मैं अत्यधिक सुझाव देता हूँ कि आप ऐसा करें।
00:09:38आपको तीन करने की ज़रूरत नहीं है।
00:09:39आप छह कर सकते हैं, आप एक मिलियन कर सकते हैं।
00:09:41और यह भी जब आप क्लाउड कोड को प्रॉम्प्ट करते हैं
00:09:42इस तरह की चीज़ करने के लिए, बस इसे बताएं,
00:09:44मैं एक ही पेज पर तीनों देखने में सक्षम होना चाहता हूँ।
00:09:47मैं उन्हें एक-एक करके पूर्ण स्क्रीन में खोलने में सक्षम होना चाहता हूँ।
00:09:50और आप इसे बहुत सारे देने के लिए भी कह सकते हैं
00:09:53विभिन्न मैक्रो विकल्प,
00:09:55और फिर आप बस उनमें से चुन सकते हैं
00:09:57और फिर इसे इन्हें बनाने के लिए कह सकते हैं।
00:09:57'क्योंकि जाहिर है कि इन्हें तैयार करने में थोड़ा समय लगता है।
00:09:59तो अब जब हमारे पास एक लैंडिंग पेज है जो हमें पसंद है,
00:10:01अब कुछ चीज़ों को एडिट करने का समय आ गया है,
00:10:03जो कि वह जगह है जहाँ नया इम्पैकेबल लाइव काम में आता है।
00:10:06तो हमें बस इतना कहना है,
00:10:07हे, चलो इस ब्रूटलिस्ट पेज पर इम्पैकेबल लाइव चलाते हैं।
00:10:10अब, एक बार जब आप वह कमांड चला लेते हैं,
00:10:12क्लाउड कोड आपको बताएगा कि लाइव मोड चालू है।
00:10:14यह आपको लोकल होस्ट का लिंक देना चाहिए
00:10:18जिस पर आपको होना चाहिए, या आप बस अपने ब्राउज़र को रिफ्रेश कर सकते हैं।
00:10:20और इसलिए इसके अंदर, अब आप देख सकते हैं
00:10:22जैसे मैं इधर-उधर स्क्रॉल करता हूँ, चीज़ें अब हाइलाइट हो गई हैं।
00:10:26और यहाँ नीचे, हमारे पास कुछ चीज़ें भी हैं।
00:10:29तो सबसे पहले, हमारे पास डिज़ाइन.एमडी है।
00:10:32यह दाईं ओर साइडबार पॉप अप करता है।
00:10:35और अगर मैं रॉ पर हिट करता हूँ, तो मैं वह सब कुछ देख सकता हूँ जो इसने वास्तव में बनाया है।
00:10:39अब, अगर मैं किसी विशेष घटक पर क्लिक करता हूँ
00:10:41जैसे यह प्राइमरी कॉपी, हमारे पास कुछ विकल्प पॉप अप होते हैं।
00:10:45सबसे पहले, हमारे पास फ्री फॉर्म है, जो है,
00:10:47हे, मैं इसे एक तरह से बस एक टेक्स्ट प्रॉम्प्ट देता हूँ,
00:10:50या मेरे पास अनिवार्य रूप से एक्सेस है
00:10:52इन सभी अलग-अलग इम्पैकेबल कमांड्स की।
00:10:54तो बोल्डर, क्वयिटर, डिस्टिल, पॉलिश, अडैप्ट।
00:10:56ये सभी, सिर्फ उन 23 इम्पैकेबल कमांड्स का हिस्सा हैं
00:11:00जिनके बारे में हम पहले बात कर रहे थे।
00:11:02तो मान लीजिए कि मैं बोल्डर जैसा कुछ करता हूँ।
00:11:04तो बोल्डर अनिवार्य रूप से एक पूर्व-डिज़ाइन किया गया प्रॉम्प्ट है।
00:11:09और अगर हम यहाँ इम्पैकेबल डॉक्यूमेंटेशन के अंदर देखें,
00:11:12तो बोल्डर जो करने वाला है वह यह है कि यह इसे और अधिक बोल्ड बनाने वाला है।
00:11:15तो यह पहले का है, यह बाद का है।
00:11:18यह बस इसे थोड़ा और आकर्षक बना रहा है।
00:11:21तो सटीक परिभाषा यह है कि यह सुरक्षित डिज़ाइनों को धक्का देता है
00:11:26प्रभाव की ओर बिना अराजकता में फिसले,
00:11:28कहता है कि इसे कब उपयोग करना है और यह कैसे काम करता है और ये सब चीज़ें।
00:11:31तो अगर हम इस पर बोल्डर करते हैं, और सच कहूँ तो,
00:11:32मुझे लगता है कि यह पहले से ही काफी बोल्ड है।
00:11:34मुझे नहीं पता कि क्या यह सबसे अच्छा है।
00:11:35मैं इसे और रिफाइन कर सकता हूँ।
00:11:37तो मैं बोल्डर के साथ जो भी प्रॉम्प्ट मैं करना चाहूँ वह कर सकता हूँ।
00:11:40मान लीजिए कि मैं 'ऐड कलर' लिखता हूँ।
00:11:43मेरे पास फिर यहाँ यह चीज़ है जो कहती है
00:11:46गुणा तीन गुणा चार गुणा दो।
00:11:47यह है कि यह मुझे कितने वेरिएशन दिखाने वाला है।
00:11:50और फिर हम गो पर हिट करते हैं।
00:11:51तो यह एक तरह से एक माइक्रो संस्करण है
00:11:56उसका जो हम यहाँ वेरिएशन के मामले में कर रहे थे
00:11:58जहाँ मैं हूँ, ठीक है, मुझे यह एक चीज़ दो।
00:12:00इसे बदलें, मुझे वेरिएशन दिखाएं।
00:12:03अब हम यह माइक्रो स्तर पर कर रहे हैं
00:12:06और हम और भी अधिक विशिष्ट हो सकते हैं
00:12:08उस चीज़ के संदर्भ में जिसके लिए हम जा रहे हैं, है ना?
00:12:09इस मामले में, हम बोल्डर कर रहे हैं।
00:12:10हम उन 12 विकल्पों में से कोई भी चुन सकते थे
00:12:13और यहाँ वह है जो यह लेकर आया है।
00:12:14तो हाँ, अन्य विकल्पों की तुलना में बहुत बोल्ड।
00:12:17यह वेरिएंट एक है, वेरिएंट दो,
00:12:21थोड़ा अधिक शांत
00:12:22और फिर वेरिएंट तीन एक तरह से जंगली, है ना?
00:12:25साथ ही वेरिएंट को ट्यून करने की यह क्षमता।
00:12:27तो अगर मैं ट्यून पर क्लिक करता हूँ, है ना,
00:12:30हम एक तरह से ऑफसेट बदल सकते हैं।
00:12:31उदाहरण के लिए इसका, जैसे एक जंगली, क्या आप चाहते हैं कि यह दिखे?
00:12:36आप रंगों को कैसा दिखाना चाहते हैं?
00:12:39तो फिर से, अगर हम मेरे पिछले वीडियो के बारे में सोच रहे हैं
00:12:42या आप क्लाउड डिज़ाइन के बारे में सोच रहे हैं, जैसे ट्विक्स,
00:12:44फिर से, यह काफी हद तक माइक्रो ट्विक्स जैसा है
00:12:47और यह सभी वेरिएंट्स पर लागू होता है।
00:12:50की को छुपाएं, की को दिखाएं, तो बहुत कुछ है जो हम कर सकते हैं।
00:12:53मान लीजिए कि हम इसके साथ जाना चाहते हैं।
00:12:54तो अगर मैं इसके साथ जाना चाहता हूँ, तो मैं क्या करने वाला हूँ?
00:12:56मुझे बस एक्सेप्ट पर हिट करना है और यह अब लागू हो गया है।
00:13:00अब यदि आप एक्सेप्ट पर हिट करते हैं और यह इस तरह बग करता है,
00:13:02बस क्लाउड कोड की जाँच करें,
00:13:03यह अनिवार्य रूप से आपके परिवर्तनों को लागू कर रहा है और इसे पुनः लोड कर रहा है।
00:13:06और यहाँ यह उन परिवर्तनों के साथ कैसा दिखता है।
00:13:09अब एक चीज़ जिसके बारे में मैंने बात नहीं की वह है डिटेक्ट।
00:13:10तो अगर मैं यहाँ डिटेक्ट पर हिट करता हूँ, तो वह क्या देखने वाला है
00:13:13यह अनिवार्य रूप से यह देखने की कोशिश कर रहा है, क्या यहाँ कोई एआई स्लोप है?
00:13:17क्या यह इन एंटी-पैटर्न में से किसी का पता लगा रहा है
00:13:19जिनके बारे में हमने पहले बात की थी?
00:13:20अब, क्योंकि यह इम्पैकेबल के साथ पूरा बनाया गया था,
00:13:24मुझे अत्यधिक संदेह है कि यह कुछ भी खोजने वाला है
00:13:26और इसीलिए हमें कुछ भी दिखाई नहीं दे रहा है।
00:13:28लेकिन हम बाद में देखेंगे जब हम मेरी अपनी वेबसाइट पर एक नज़र डालेंगे,
00:13:31क्या ऐसा मामला है।
00:13:32लेकिन यह काफी हद तक वैसे ही है जैसे लाइव सिस्टम काम करता है।
00:13:34और मुझे लगता है कि यह हिस्सा वास्तव में बहुत अच्छा है और जो इसे अलग करता है,
00:13:37मुझे लगता है कि अन्य फ्रंट एंड डिज़ाइन स्किल्स और रेपो से
00:13:41जो आपने अतीत में देखे हैं,
00:13:42विशेष रूप से तथ्य यह है कि हम अतिरिक्त वेरिएंट बना सकते हैं।
00:13:45मैं बहुत उत्साहित हूँ इन सभी अलग-अलग वेरिएंट को एक बार में देख पाने के लिए
00:13:47और एक तरह से उन्हें इस बहुत ही माइक्रो, माइक्रो, माइक्रो स्तर पर ट्विक करने के लिए।
00:13:49तो मुझे यह पसंद है, लेकिन फिर से, यह अल्फा है।
00:13:52तो, आप जानते हैं, शायद आप कुछ त्रुटियों में भाग लेंगे।
00:13:54वहाँ कुछ चीज़ें हैं
00:13:57जो थोड़ी अजीब लग रही हैं,
00:13:59जैसे वह रीलोड जो आपने अभी देखा, लेकिन हे,
00:14:01मुझे लगता है कि यह बहुत अच्छा है।
00:14:03तो निश्चित रूप से इसे देखें यदि आप इम्पैकेबल का उपयोग करते हैं।
00:14:04इसे बस बनाकर खत्म मत करें।
00:14:07लाइव में जाएं और इसके साथ छेड़छाड़ करें।
00:14:09अब, एक बार जब आप वेबपेज को अपनी पसंद की जगह पर ले आते हैं,
00:14:11तो और भी कमांड हैं जिन्हें चलाने की आपके पास क्षमता है।
00:14:13तो हम पॉलिश जैसा कुछ चला सकते हैं
00:14:16जहाँ यह एक अंतिम डिज़ाइन सिस्टम पास करता है।
00:14:18हम हार्डन जैसा कुछ कर सकते हैं
00:14:20जहाँ यह एज केस और त्रुटियों पर एक नज़र डालने वाला है
00:14:22और सुनिश्चित करें कि सब कुछ काम कर रहा है।
00:14:24जैसा कि मैंने कहा, यह बहुत, बहुत परिष्कृत है
00:14:25और उन कमांड्स की मात्रा के मामले में काफी गहरा है जिन्हें हम चला सकते हैं।
00:14:28लेकिन समय की खातिर, अब हम जो करने जा रहे हैं
00:14:30वह यह है कि मैं आपको दिखाने जा रहा हूँ कि खरोंच से कैसे निर्माण करना है,
00:14:33लेकिन इस बार हम उपयोग करने जा रहे हैं
00:14:35अनिवार्य रूप से एक मूड बोर्ड या एक मॉक-अप
00:14:38उस विज़न का जिसे हम इम्पैकेबल पर आगे बढ़ाना चाहते हैं।
00:14:40क्योंकि मैं देखना चाहता हूँ कि यह कैसा दिखता है
00:14:43जब हम उनके केस स्टडी की नकल करते हैं,
00:14:45क्योंकि उन्होंने जो किया वह यह था कि उन्होंने यह छवि ली,
00:14:48इसे क्लाउड कोड में डाला, इसे इम्पैकेबल में डाला,
00:14:50और जैसे, ठीक है, यह वेबसाइट बनाई,
00:14:52और वे कुछ ऐसा पाने में सक्षम थे
00:14:53जो काफी बढ़िया लग रहा था।
00:14:54तो मैं आगे बढ़ा और कुछ छवियां बनाईं
00:14:55जो इम्पैकेबल द्वारा उनके केस स्टडी में उपयोग किए गए सौंदर्य से मेल खाती हैं,
00:14:58लेकिन हम इसके बजाय लाइटहाउस का उपयोग कर रहे हैं,
00:15:02ताकि हम कम से कम एक परीक्षण प्राप्त कर सकें
00:15:04जो कि किसी हद तक वन-टू-वन तुलना है।
00:15:07तो मुझे यह एक तरह से पसंद आया, इसलिए मुझे लगता है कि हम इसके साथ जाएंगे।
00:15:09पहले की तरह, मैं इम्पैकेबल क्राफ्ट को स्किल के रूप में चला रहा हूँ।
00:15:11फिर इसने मुझसे पहले की तरह ही सवालों की एक श्रृंखला पूछी,
00:15:15और मुझे काफी हद तक बताया गया कि बस उस मूड और वाइब के साथ
00:15:18स्टिक रहें
00:15:21जो आपको उस छवि से मिली जो मैंने आपको दी थी।
00:15:22तो यह वह है जो यह लेकर आया,
00:15:24और ईमानदारी से, यह बहुत कुछ अधूरा छोड़ देता है।
00:15:26मुझे लगता है कि इस तरह का मूड बोर्ड उस पर फेंकना
00:15:29और उससे कहना, 'हे, चलो इससे एक वेबसाइट बनाते हैं,' ',
00:15:33यह संघर्ष कर गया।
00:15:35मुझे लगता है कि इसने अपना सर्वश्रेष्ठ किया।
00:15:37जैसे, हमारे पास अभी भी डैशबोर्ड है, इसमें रंग हैं,
00:15:38लेकिन यह उतना अच्छा नहीं है जितना उन्होंने बनाया था,
00:15:41लेकिन यह उनके द्वारा बनाई गई चीज़ जितना अच्छा नहीं है,
00:15:43क्योंकि मुझे लगता है कि चूंकि मैंने इसे सिर्फ वह एक एसेट दिया था
00:15:46और मैंने इसमें अतिरिक्त एसेट शामिल नहीं किए थे,
00:15:48इसलिए इसने इसे उस तरह से नहीं काटा
00:15:51जैसे Impeccable ने अपनी केस स्टडी के साथ किया था,
00:15:52लेकिन यह प्रॉम्प्टिंग की समस्या हो सकती है।
00:15:55लेकिन उसके बावजूद, आप देख सकते हैं कि इसमें कुछ
00:15:57ऐसा है जो यहां काम करेगा।
00:15:59मुझे पसंद है कि उन्होंने डैशबोर्ड कैसे बनाया है।
00:16:01तो मुझे लगता है कि यह निश्चित रूप से उतना प्रभावशाली नहीं है,
00:16:05जितना कि शुरुआत में हमने जो रॉ वाला बनाया था,
00:16:09लेकिन खैर, मैंने सोचा कि मैं इसे आज़माऊं।
00:16:11तो अब देखते हैं कि जब हम किसी मौजूदा साइट को एडिट करते हैं तो यह कैसा प्रदर्शन करता है।
00:16:14तो हम अपनी वेबसाइट, यानी अपनी AI एजेंसी की वेबसाइट का उपयोग करने जा रहे हैं,
00:16:18और हम उस पर कुछ कमांड चलाएंगे।
00:16:21हम Impeccable डॉक्यूमेंट करेंगे
00:16:23ताकि यह वास्तव में कोड से एक design.md फाइल को रिवर्स-इंजीनियर कर सके,
00:16:26और फिर हम ऑडिट चलाने और आलोचना करने जैसी चीजें करेंगे, और हम वास्तव में लाइव चीज फिर से करेंगे
00:16:29मेरी अपनी वेबसाइट पर और देखेंगे
00:16:32कि हम किस तरह के विज्ञापन बना सकते हैं।
00:16:36तो संदर्भ के लिए, यह मेरी AI एजेंसी की वेबसाइट है।
00:16:37मेरे पास एक तरह का स्टैंडर्ड हीरो सेक्शन है।
00:16:41मैं सर्विसेज में जाता हूं, अपने दर्शन के बारे में बात करता हूं
00:16:43कि हम AI इंप्लीमेंटेशन कैसे करते हैं
00:16:47एक तरह का कॉल टू एक्शन होने से पहले,
00:16:49एक ऐसी जगह जहां लोग अपनी जानकारी भर सकें
00:16:51अगर वे मेरे साथ काम करना चाहते हैं।
00:16:54मेरे पास कुछ अतिरिक्त पेज भी हैं जैसे मेरा ब्लॉग,
00:16:55लेकिन फिलहाल हम केवल होमपेज के साथ ही रहेंगे।
00:16:57तो पहली चीज जो मैंने की, वह यह थी कि मैंने कहा,
00:17:00आइए इस कोड बेस पर Impeccable डॉक्यूमेंट चलाएं
00:17:02और देखें कि Impeccable मेरी वर्तमान वेबसाइट के बारे में क्या कहता है।
00:17:05तो यह पूरे कोड बेस से होकर गुजर रहा है
00:17:08और यह हमारे पास पहले से मौजूद चीजों के लिए एक design.md बनाने वाला है,
00:17:11और इसी नींव से
00:17:16हम चीजों को एडिट करना शुरू कर सकते हैं।
00:17:18तो Impeccable के कोड बेस से गुजरने के बाद,
00:17:19इसने तीन फाइलें लिखीं जो मूल रूप से
00:17:21क्या हो रहा है, इसके लिए रणनीतिक संदर्भ हैं।
00:17:23यह जीत, नॉर्थ स्टार के बारे में बात करता है,
00:17:26लेकिन यह उन सात अलग-अलग उल्लंघनों के बारे में भी बात करता है जो इसे मिले।
00:17:29तो नीले गोले के बारे में, यह कहता है कि सर्विस कार्ड मॉक-अप्स
00:17:33मूल रूप से क्लिप आर्ट वैरायटी पैक हैं,
00:17:37इंटेंशनल कार्ड ग्रिड।
00:17:40इसे ग्लास मॉर्फिज्म से नफरत है, इसलिए इसे वह पसंद नहीं है।
00:17:43यह कहता है कि हमने एक निश्चित फोंट लोड किया है, लेकिन हमने कभी इसका उपयोग नहीं किया,
00:17:47साथ ही कुछ अन्य चीजें भी हैं।
00:17:50तो कुछ ऐसी विशेषताएं थीं
00:17:53जो अनिवार्य रूप से कोड में हैं,
00:17:54लेकिन वास्तव में वास्तविक UI में दिखाई नहीं देती हैं।
00:17:55और फिर कुछ रंगों के साथ भी समस्या है।
00:17:58यह उस रणनीतिक अंतर के बारे में भी बात करता है
00:18:02कि मैंने मूल रूप से खुद को, यानी मुझे, चेस को,
00:18:04वेबसाइट पर ज्यादा नहीं डाला है, जो कि सही भी है।
00:18:07अब अगर हम क्रिटिक कमांड चलाते हैं
00:18:10तो हमें वास्तव में और भी गहरी आलोचना मिल सकती है।
00:18:12तो आइए अब ऐसा करते हैं।
00:18:15तो मैं इसे क्रिटिक कमांड चलाने के लिए कह रहा हूं।
00:18:16मैंने क्रिटिक की स्पेलिंग भी सही नहीं लिखी।
00:18:18इसे लैंडिंग पेज पर क्रिटिक कमांड चलाने के लिए कह रहा हूं।
00:18:20तो इसने अपनी आलोचना चलाई और इसका फैसला यह था कि यह,
00:18:23हां, बॉर्डरलाइन AI स्लोब है।
00:18:25इसने मुझे 10 अलग-अलग चीजों पर डिज़ाइन हेल्थ स्कोर दिया
00:18:27और प्रत्येक चार में से था
00:18:33और किसी पर भी तीन से अधिक स्कोर नहीं मिला,
00:18:34लेकिन मुझे कोई एक नहीं मिला, तो यह अच्छी बात है।
00:18:37कुल मिलाकर यह 40 में से 25 था, जिसे स्वीकार्य माना गया।
00:18:39संज्ञानात्मक भार के लिए, यह मुझे आठ में से पांच अंक देता है, जो एक फेल है।
00:18:43यह कहता है कि बैकग्राउंड मोशन सामग्री के साथ प्रतिस्पर्धा करता है।
00:18:46हां, मुझे लगता है कि यह थोड़ा धीमा है,
00:18:51लेकिन मैं समझता हूं कि यह कहां से आ रहा है।
00:18:54यहां अस्पष्ट प्राथमिकता के साथ दो समान वजन वाले CTA हैं।
00:18:56सर्विस सेक्शन में चार अलग-अलग विजुअल स्कीमा हैं
00:19:00कुछ अन्य चीजों के साथ।
00:19:03और इसका कुल प्रभाव यह है कि इसमें अच्छी नींव है,
00:19:05लेकिन यह थोड़ा और कर सकता है।
00:19:08और फिर अंत में, यह इसे
00:19:10तीन अलग-अलग जगहों में तोड़ देता है।
00:19:11तो ईमानदारी से कहूं तो, मुझे यह आलोचना पसंद है।
00:19:14यह बहुत, बहुत गहराई वाली है और हमें काम करने के लिए बहुत कुछ देती है
00:19:16और इस बारे में काफी विशिष्ट हो जाती है कि उसे क्या गलत लगता है।
00:19:19अब, मैं इसमें से कुछ से सहमत हूं या नहीं,
00:19:22मुझे लगता है कि यह बात से अलग है,
00:19:24लेकिन यह हमें सोचने के लिए चीजें देती है।
00:19:26आप जानते हैं, मैं बस आँख बंद करके यह नहीं मानूँगा
00:19:29कि यह मुझे जो कुछ भी बता रहा है वह सही है,
00:19:31लेकिन हम इनमें से जा सकते हैं, या यदि मैं चाहूं,
00:19:32तो मैं इन सभी के माध्यम से जा सकता हूं।
00:19:35मैं कहता हूं, ठीक है, इसे और उसे बदलते हैं।
00:19:36तो आइए देखते हैं कि क्या होता है यदि हम B करें
00:19:37और कहें कि हम एक तरह से खेलना चाहते हैं
00:19:40उस चीज़ के साथ जिसे यह डेकोरेशन डिसिप्लिन कहता है
00:19:42और देखते हैं कि यह क्या बदलाव करता है।
00:19:44और बदलाव देखने के बाद,
00:19:46हम लाइव सेशन में कूदेंगे,
00:19:48ठीक वैसे ही जैसे हमने पहले लैंडिंग पेज के साथ किया था जिसे हमने बनाया था
00:19:51और उसके साथ छेड़छाड़ करेंगे।
00:19:54तो आइए देखते हैं कि इसने क्या बदलाव किए।
00:19:55और बदलाव बहुत सूक्ष्म थे।
00:19:57तो हम यहां सर्विस सेक्शन में देख सकते हैं,
00:19:59यह अपडेटेड वर्जन है।
00:20:03उन्होंने एक तरह से रंगों को कम कर दिया है और इसे
00:20:04सिर्फ इस टेराकोटा नारंगी और सफेद तक ही सीमित रखा है।
00:20:07आप देखेंगे कि अब नीचे बाईं ओर नीली धुंध जैसा कुछ नहीं है।
00:20:09संदर्भ के लिए, यह पिछला वाला है
00:20:13जहां आपके पास नीचे बाईं ओर नीला रंग है
00:20:14और फिर नीला और फिर हरा।
00:20:17तो यह इसे केवल दो रंगों तक रख रहा है, है ना?
00:20:18सफेद, खैर वास्तव में तीन रंग,
00:20:20मैं कहूंगा सफेद, ग्रे, और फिर नारंगी।
00:20:23आप इसे नीचे अप्रोच सेक्शन में भी देख सकते हैं।
00:20:25तो जैसे ही मैं कार्ड्स के ऊपर जाता हूं, हमारे पास अभी भी वह नारंगी चमक है,
00:20:28लेकिन मूल पर यहां नीचे कुछ नारंगी रंग था।
00:20:32इसमें ऊपर की तरफ कार्ड अपलाइन था
00:20:36और इसे लगता है कि यह एक AI स्लॉट जैसी चीज है।
00:20:41और यह डेकोरेशन डिसिप्लिन में किए गए बदलावों की हद है।
00:20:43तो काफी सूक्ष्म, इसके पास कुछ और भी हैं
00:20:47जो यह आज़माना चाहता है।
00:20:51इनका संबंध ट्रस्ट और कन्वर्जन से है
00:20:53और संभावित रूप से हेडशॉट्स जैसी चीजें जोड़ना।
00:20:54लेकिन अब हम जो आगे बढ़ेंगे
00:20:56वह है लाइव मोड में जाना।
00:20:58तो आइए अब लाइव मोड में वेबसाइट पर एक नजर डालते हैं।
00:21:00तो मान लीजिए कि मैं इन कार्ड्स को थोड़ा बदलना चाहता हूं
00:21:02और पहले की तरह, मैं क्या करूंगा?
00:21:05मैं फ्री फॉर्म कर सकता हूं या मैं आगे बढ़ सकता हूं
00:21:08और इन प्रीलोडेड कमांड्स में से एक को चुन सकता हूं।
00:21:10तो आइए इस एक के लिए 'डिलाइट' आज़माएं।
00:21:13और फिर हम आगे बढ़ेंगे और तीन वेरिएंट्स के लिए जाएंगे।
00:21:17और डिलाइट जो करता है वह यह है कि यह उस विशेष घटक में
00:21:19वास्तविक व्यक्तित्व जोड़ता है।
00:21:22यहां कुछ वेरिएंट्स दिए गए हैं जो इसने हमें दिए।
00:21:26तो यह थोड़ा बड़ा है,
00:21:27दाईं ओर नीचे यह चीज है।
00:21:30यह यहां वास्तविक टेक्स्ट को बदलता है।
00:21:32और यह इस छोटी सी चीज को भी जोड़ता है।
00:21:35और जाहिर है कि इनके जैसे, हमारे पास ट्यून्स भी हैं
00:21:37जिनके साथ छेड़छाड़ की जा सकती है।
00:21:40यह एक संख्या होनी चाहिए, यह थोड़ी अलग है।
00:21:43तो हां, काफी हद तक वही परिदृश्य
00:21:45जैसा कि हमने पहली वेबसाइट बनाई थी।
00:21:49मुझे लगता है कि Impeccable के लिए यह लाइव चीज
00:21:53वास्तव में इसका अब तक का सबसे शक्तिशाली टूल है।
00:21:55तथ्य यह है कि हम ये सूक्ष्म समायोजन कर सकते हैं
00:21:57अनिवार्य रूप से एक ग्राफिक इंटरफेस से
00:22:00बनाम कमांड लाइन में सब कुछ करने के बजाय।
00:22:02तो मुझे यह देखकर खुशी हुई कि यह काफी हद तक
00:22:04वही सेटअप है,
00:22:06तब भी जब हम ऐसे कोड बेस का उपयोग कर रहे हैं जो पहले से मौजूद है।
00:22:08तो कुल मिलाकर, मुझे Impeccable बहुत पसंद आया।
00:22:09मुझे लगता है कि यह 100% एक कौशल है जिसे आपको अपने स्टैक में जोड़ना चाहिए
00:22:12और निश्चित रूप से परीक्षण करना चाहिए जब आप फ्रंट एंड डिज़ाइन का अपना अगला दौर कर रहे हों,
00:22:13चाहे वह किसी वेबसाइट के लिए हो जिसे आप शून्य से बना रहे हैं
00:22:17या किसी ऐसी चीज के लिए जो पहले से मौजूद है।
00:22:20और 100% लाइव टूल आज़माएं।
00:22:21यह ऐसी चीज है जिसे उन्होंने अभी जोड़ा है,
00:22:23मुझे लगता है लगभग एक सप्ताह पहले।
00:22:26और मुझे लगता है कि यह अन्य सभी चीजों से एक बड़ा अंतर है।
00:22:29मुझे लगता है कि जब आप इन सूक्ष्म समायोजनों को
00:22:31उन मैक्रो लेआउट्स के साथ जोड़ते हैं जो मैंने आपको करने के लिए कहा था
00:22:32शुरुआत में प्रॉम्प्टिंग के माध्यम से,
00:22:34तो मुझे लगता है कि आपके पास वास्तव में एक शक्तिशाली वर्कफ़्लो है।
00:22:35हमेशा की तरह, मुझे बताएं कि आपने क्या सोचा।
00:22:38इस रेपो का लिंक नीचे विवरण में होगा।
00:22:41पिन किए गए कमेंट में चेस AI+ का लिंक भी है
00:22:43यदि आप मेरे क्लाउड कोड मास्टरक्लास पर हाथ आजमाना चाहते हैं।
00:22:45और इसके अलावा, मैं आपसे बाद में मिलूँगा।
00:22:47...
00:22:49...
00:22:52हमेशा की तरह, मुझे बताएं कि आपको यह कैसा लगा।
00:22:55...