Claude Design वास्तव में एक जाल है

AAI LABS
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00क्लाउड डिज़ाइन आ गया है और इसने डिज़ाइन की पूरी दुनिया बदल दी है, लेकिन असल में यह
00:00:04जितना लोग सोचते हैं, उससे कहीं ज़्यादा सिर्फ हाइप है।
00:00:05और यही कारण है कि आप जो X पर देख रहे हैं, वह पूरी सच्चाई नहीं है।
00:00:09अगर आपको लगता है कि क्लाउड डिज़ाइन कुछ क्रांतिकारी कर रहा है या वे अजीबोगरीब डेमो
00:00:13जो इधर-उधर घूम रहे हैं, वे इस बात का सबूत हैं कि आपको उस पर स्विच कर लेना चाहिए, तो आप गलत हैं।
00:00:17यह टूल खुद वह कारण नहीं है कि वे डिज़ाइन इतने अच्छे दिखते हैं, और जिस तरह से लोग
00:00:21इसका इस्तेमाल कर रहे हैं, वह चुपचाप उनके खिलाफ काम कर रहा है जिसे अभी तक ज़्यादातर लोगों ने नहीं समझा है।
00:00:25क्लाउड डिज़ाइन को लॉन्च होते ही डिज़ाइन उद्योग के लिए एक क्रांतिकारी उत्पाद के रूप में
00:00:29मार्केट किया गया था।
00:00:30लोगों ने इसे फिग्मा किलर या डिज़ाइनरों का अंत कहना शुरू कर दिया, और इसका असर इतना बड़ा था
00:00:34कि फिग्मा के शेयर गिरने लगे और उसके वैल्यूएशन को झटका लगा।
00:00:38यह यथार्थवादी प्रोटोटाइप, वायरफ़्रेम, डिज़ाइन, पिच डेक और अन्य
00:00:43विभिन्न प्रकार के डिज़ाइन बनाने का एक टूल है।
00:00:44लेकिन सच्चाई यह है कि यह हाइप के अलावा कुछ भी नहीं है।
00:00:47यह सचमुच क्लाउड कोड का ही नया रूप है जिसे दूसरे टूल के रूप में बेचा जा रहा है, क्योंकि क्लाउड कोड
00:00:52वही कर सकता है और शायद उससे भी ज़्यादा।
00:00:54क्लाउड डिज़ाइन में एडिटिंग और कमेंट्स जैसी सुविधाएं हैं, लेकिन इसमें ऐसा कुछ भी नहीं है जो
00:00:58अगर आप क्लाउड कोड को सही टूल दें, तो वह न कर सके।
00:01:01और जब हम कहते हैं कि यह क्लाउड कोड का नया रूप है, तो ऐसा नहीं है कि हमने इसका परीक्षण नहीं किया।
00:01:05हमने इसे एक साधारण प्रॉम्प्ट दिया, जिसमें एक कम्युनिटी वेबसाइट बनाने के लिए कहा गया और इसके द्वारा पूछे गए
00:01:09सवालों के जवाब दिए।
00:01:10इसने दो डिज़ाइन बनाए जो अपने आप में प्रभावशाली थे और उस तरीके से काफी बेहतर थे जिससे क्लाउड
00:01:14पहले लैंडिंग पेज जनरेट करता था, लेकिन उनमें अभी भी बहुत सारी समस्याएं थीं।
00:01:18एक वर्शन प्राइसिंग सेक्शन पर कट गया था और उसमें फ़ुटर बिल्कुल नहीं था, इसलिए हमने परीक्षण किया
00:01:23कि क्लाउड कोड इसी तरह के प्रॉम्प्ट के साथ कैसा प्रदर्शन करेगा।
00:01:25हमने दोनों की तुलना करने के लिए 'हाई एफर्ट' पर ओपस 4.7 का इस्तेमाल किया, और जो डिज़ाइन इसने बनाया वह
00:01:30क्लाउड डिज़ाइन की क्षमताओं के बराबर था।
00:01:32वहाँ कुछ समस्याएं थीं, जैसे साइन-अप बटन का फ़ॉन्ट रंग सही ढंग से नहीं चुना गया था,
00:01:37लेकिन कुल मिलाकर यह वास्तव में बहुत अच्छी तरह से बनाया गया डिज़ाइन था।
00:01:39और यह डिज़ाइन हार्नेस के बिना और किसी विशेष प्रॉम्प्टिंग के बिना था जिसे
00:01:43क्लाउड डिज़ाइन में इन-बिल्ट किया गया है, यह पूरी तरह से अपने दम पर था और हमने लगभग कुछ भी नहीं दिया था।
00:01:48लेकिन आपने जो डेमो आसपास देखे होंगे वे प्रभावशाली दिखते हैं, और उनके पीछे कुछ छिपा हुआ है।
00:01:52क्या?
00:01:53सोशल मीडिया पर जो चल रहा है वह इस बात पर आधारित है कि टूल असल में क्या करता है,
00:01:57बजाय इसके कि वह खुद क्या करता है।
00:01:58लोग विस्तृत वर्कफ़्लो का पालन करके डिज़ाइन बनाते हैं और फिर उन्हें ऐसे पेश करते हैं जैसे क्लाउड
00:02:03डिज़ाइन ने सब कुछ एक ही बार में बना दिया हो।
00:02:05लेकिन उन वर्कफ़्लो को सीधे क्लाउड कोड में चलाया जा सकता है, बिना क्लाउड डिज़ाइन की
00:02:09ज़रूरत पड़े।
00:02:10तो भले ही यह उत्पाद डिज़ाइनरों के लिए बनाया गया है, उन्हें क्लाउड डिज़ाइन के बजाय क्लाउड कोड का इस्तेमाल करना चाहिए,
00:02:14क्योंकि इस तरह से वे अलग-अलग वेरिएशन आज़मा पाएंगे, और अधिक प्रयोग कर पाएंगे
00:02:19और क्लाउड डिज़ाइन से बेहतर, अगर बेहतर न भी हो तो उसी के समान परिणाम पा सकेंगे।
00:02:22वे क्लाउड कोड के साथ ज़्यादा बार इटरेट कर सकते हैं, बजाय इसके कि वे डिज़ाइन के
00:02:26शुरू होने पर ही कट जाएं।
00:02:28साइट पहले से कैसी है, उस पर निर्माण करना, हर बार फिर से शुरू करने के बजाय, उन्हें
00:02:32प्रत्येक डिज़ाइन की दिशा पर बेहतर नियंत्रण देता है।
00:02:35और क्योंकि क्लाउड कोड जो भी बनाता है वह वास्तविक कोड होता है, जो उन्हें अंत में मिलता है वह
00:02:39एक बेकार प्रोटोटाइप नहीं बल्कि कुछ ऐसा होता है जिसे सीधे उत्पाद में शिप किया जा सकता है, बिना
00:02:43बाद में किसी और के द्वारा उसे दोबारा बनाए जाने के।
00:02:45और इन सबके ऊपर, क्लाउड डिज़ाइन के साथ लागत की समस्या है।
00:02:48क्लाउड कोड वही काम काफी कम लागत पर कर सकता है जबकि क्लाउड डिज़ाइन को अलग से बनाया गया है
00:02:53और इसे उन सीमाओं में गिना जाता है जो साप्ताहिक रूप से चलती हैं और यह आपके अन्य लिमिट्स में नहीं
00:02:57जुड़ती हैं, लेकिन यह उपयोग की सीमा को उस गति से कहीं तेज़ खत्म करता है जितना आप सामान्य रूप से
00:03:02अन्य क्लाउड ऐप्स के साथ मॉडल से उम्मीद करेंगे।
00:03:03यह डिज़ाइनरों को सबसे ज़्यादा प्रभावित करता है क्योंकि कोटा इतना कम है कि वे वास्तव में उस तरह से प्रयोग नहीं कर सकते
00:03:08जिस तरह से उन्हें ज़रूरत है और उनकी लिमिट बस कुछ ही डिज़ाइन इटरेशन के बाद खत्म हो जाती है।
00:03:12और यही वह बात है जिसकी शिकायत बहुत से लोग कर रहे हैं।
00:03:15जब कोई इसके साथ काम कर रहा था, तो उनकी डिज़ाइन लिमिट लगभग 20 डिज़ाइन इटरेशन के बाद ही
00:03:19जल्दी खत्म हो गई, भले ही वे सबसे महंगे मैक्स प्लान पर थे।
00:03:23और बहुत से अन्य लोग कहते हैं कि वे सिर्फ एक घंटे में सीमा तक पहुँच जाते हैं और अंत में एक सरल
00:03:27डिज़ाइन ही पाते हैं जिसे क्लाउड कोड के साथ एक बार में आसानी से लागू किया जा सकता है।
00:03:31इसलिए यह व्यवहार में वास्तव में उपयोग करने योग्य नहीं है क्योंकि वे उस वर्कफ़्लो को खत्म करने से पहले ही लिमिट तक पहुँच रहे हैं
00:03:35जिस पर वे काम कर रहे हैं, जिससे यह क्लाउड कोड लिमिट्स की तुलना में काफी खराब हो जाता है।
00:03:39सीमा।
00:03:40क्लाउड डिज़ाइन का काम इतना प्रभावशाली दिखने का कारण वास्तव में ओपस 4.7 मॉडल ड्रॉप है, न कि
00:03:45टूल खुद।
00:03:46ओपस 4.7 फिर से अद्भुत क्षमताओं वाला अत्याधुनिक मॉडल है और सभी बेंचमार्क में
00:03:50बेहतर प्रदर्शन कर रहा है।
00:03:52लेकिन जो अपग्रेड यहाँ वास्तव में मायने रखता है, वह है विज़न।
00:03:54इस मॉडल के पास काफी बेहतर विज़न है और यह इमेज को पहले की तुलना में बहुत अधिक रिज़ॉल्यूशन पर
00:03:59देख सकता है।
00:04:00क्लाउड ओपस 4.6 इमेज को 1.15 मेगापिक्सेल के रिज़ॉल्यूशन पर विश्लेषण करने में सक्षम था, जबकि
00:04:074.7 3.75 मेगापिक्सेल का विश्लेषण करने में सक्षम है।
00:04:10तो इसका मतलब यह है कि यह रेफरेंस से डिज़ाइन को बहुत बेहतर तरीके से समझने में सक्षम है।
00:04:14यदि आप इसे एक रेफरेंस डिज़ाइन देते हैं, तो यह उस रेफरेंस को बहुत बेहतर स्पष्टता के साथ संसाधित करता है और
00:04:18ऐसी चीजें पकड़ लेता है जिन्हें यह पहले मिस कर देता था।
00:04:20इस मॉडल अपग्रेड के साथ, एंथ्रोपिक ने उस एकमात्र अंतराल को भर दिया जहाँ क्लाउड मॉडल की कमी थी और
00:04:25व्यापक काम की ज़रूरत थी, जो कि फ्रंट-एंड डिज़ाइन था।
00:04:27यह मॉडल काम पूरा करते समय अधिक सुरुचिपूर्ण और रचनात्मक है और अपने दम पर यह
00:04:31उच्च गुणवत्ता वाले इंटरफेस और डिज़ाइन तैयार करता है।
00:04:34इसलिए जब क्लाउड डिज़ाइन आया तो इसे इसके अद्भुत डिज़ाइनों के कारण बहुत हाइप के साथ दिखाया गया
00:04:38लेकिन असल में यह मॉडल था जो बेहतर हो गया।
00:04:41यह टूल नहीं था जो इतना अच्छा हो गया कि इसके परिणामस्वरूप आपको विभिन्न दृश्य
00:04:45दिखाई दिए।
00:04:46क्लाउड डिज़ाइन एंथ्रोपिक द्वारा कुछ बेचने और उसके इर्द-गिर्द हाइप बनाने का एक और चालाक तरीका था।
00:04:50अब आप क्लाउड डिज़ाइन में मिलने वाले वही लाभ क्लाउड कोड 2 में या शायद उससे भी
00:04:55बेहतर तरीके से पा सकते हैं।
00:04:56आप एक सरल स्किल बनाकर क्लाउड कोड में क्लाउड डिज़ाइन के प्रश्न पूछने के तरीके को दोहरा सकते हैं।
00:05:00जब आप क्लाउड डिज़ाइन में एक प्रोजेक्ट बनाते हैं, तो आप एक प्रॉम्प्ट देते हैं और यह बहुत सारे सवाल पूछता है
00:05:04ताकि यह डिज़ाइन की दिशा को ठीक से समझ सके।
00:05:07यह क्लाउड कोड के प्लानिंग मोड की तुलना में कहीं ज़्यादा सवाल पूछता है लेकिन एक स्किल बिल्कुल वैसा ही कर सकती है।
00:05:11स्किल में इस बारे में निर्देश होते हैं कि क्लाउड डिज़ाइन की तरह एक प्रश्न सत्र कैसे चलाया जाए,
00:05:16सवालों का उपयोग करके उन अंतरालों को भरना जो प्रॉम्प्ट बनाता है और इस बारे में पूछना कि क्या बनाने की आवश्यकता है।
00:05:21यह परिभाषित करता है कि फॉलो-अप प्रश्न कब शुरू करने हैं और प्रवाह वास्तव में कैसे काम करना चाहिए।
00:05:25इसमें सत्र चलाने के लिए उदाहरण प्रश्न, प्रश्नों की एक लाइब्रेरी और यहाँ तक कि साइटों के ASCII लेआउट भी
00:05:30शामिल हैं ताकि यह लैंडिंग पेज में तत्वों की स्थिति का निर्धारण कर सके।
00:05:34पेज।
00:05:35जब आप इसे एक प्रॉम्प्ट देते हैं, तो यह स्किल का उपयोग करता है और क्लाउड डिज़ाइन की तरह ही
00:05:39अपने पहचाने गए अंतरालों से संबंधित सवाल पूछता है।
00:05:41यह अलग-अलग क्षेत्रों में कई सवाल पूछता है और एक बार जब इसके पास लागू करने के लिए
00:05:45सारी जानकारी हो जाती है, तो यह निर्माण शुरू कर देता है।
00:05:47सबसे अच्छी बात यह है कि यह सीधे कोड आउटपुट करता है, इसलिए डिज़ाइन से कोड तक कोई हैंडऑफ़ नहीं होता है।
00:05:51और इस दृष्टिकोण के साथ, आप जितनी बार चाहें इटरेट कर सकते हैं, बिना इस चिंता के कि एक घंटे में
00:05:55आपकी लिमिट खत्म हो जाएगी।
00:05:57इसी तरह के प्रॉम्प्ट से यूआई जनरेशन और क्लाउड कोड में इसी तरह के प्रश्न पूछने के प्रवाह के साथ,
00:06:01परिणाम क्लाउड डिज़ाइन द्वारा जनरेट किए गए परिणामों से कमोबेश मिलते-जुलते थे।
00:06:05मुख्य अंतर यह है कि क्लाउड डिज़ाइन के पास कुछ पहलुओं में बढ़त थी जहाँ इसने
00:06:09इसे आकर्षक बनाने के लिए छोटे एनिमेशन जोड़कर वेबसाइट को अधिक इमर्सिव बना दिया।
00:06:13लेकिन आगे बढ़ने से पहले, आइए हमारे प्रायोजक से एक शब्द सुनते हैं।
00:06:16हेजेन, आपने शायद किसी एआई टूल के साथ वीडियो बनाने की कोशिश की होगी।
00:06:1820 मिनट में आप टाइमलाइन, वॉयसओवर को फिर से रिकॉर्ड करने में और लिप-सिंक से जूझ रहे होते हैं जो
00:06:19किसी खराब डब जैसा दिखता है।
00:06:24हेजेन इन सब को छोड़ देता है।
00:06:25हेजेन वह एआई वीडियो जनरेटर है जिसने अभी-अभी एक नया सीएलआई शिप किया है, जिसका अर्थ है एक पूरा डिजिटल
00:06:26ट्विन अवतार वीडियो एक सिंगल कमांड के साथ जनरेट किया जा सकता है।
00:06:31कोई टाइमलाइन नहीं, कोई कैमरा नहीं, कोई क्रू नहीं।
00:06:34अपने डिजिटल ट्विन को एक बार रिकॉर्ड करें और हेजेन आपको बिना दोबारा फिल्माए लगातार पब्लिश करने देता है,
00:06:36न्यूज़लेटर्स, पीडीएफ, पावरपॉइंट को वीडियो में बदल देता है।
00:06:40वीडियो एजेंट के साथ एक ही प्रॉम्प्ट से पूरी तरह से एडिट किए गए मल्टी-सीन वीडियो जनरेट करें और फिर फुल लिप-सिंक
00:06:44के साथ वैश्विक दर्शकों के लिए अनुवाद करें।
00:06:48डेवलपर्स.हेजेन.कॉम पर अवतारों, आवाज़ों, वीडियो एजेंट, अनुवाद और बहुत कुछ के साथ निर्माण करें।
00:06:51डिजिटल ट्विन के लिए सत्यापित सहमति की आवश्यकता होती है।
00:06:56आपकी सामग्री का उपयोग कभी भी सार्वजनिक मॉडल को प्रशिक्षित करने के लिए नहीं किया जाता है और पूरा प्लेटफ़ॉर्म
00:06:59एंटरप्राइज़-ग्रेड सुरक्षा के लिए बनाया गया है।
00:07:03कैमरे को छुए बिना स्टूडियो-गुणवत्ता वाले वीडियो शिप करना शुरू करें।
00:07:04पिन किए गए कमेंट में दिए गए लिंक पर क्लिक करें और आज ही हेजेन आज़माएं।
00:07:07एक्स पर आपने स्क्रॉल इंटरैक्टिंग डिज़ाइन देखे होंगे, जब लोग क्लाउड डिज़ाइन
00:07:11दिखा रहे थे, तो वे सिर्फ वीडियो बैकग्राउंड का उपयोग करने वाली साइटें थीं, जिससे वे बहुत
00:07:15प्रीमियम दिखते थे और यह आभास देते थे कि वे वास्तव में जितने हैं, उससे कहीं ज़्यादा प्रभावशाली हैं।
00:07:20अधिकांश डेमो अक्सर सिर्फ उन साइटों से लिए गए प्रॉम्प्ट होते हैं जो उपयोग के लिए तैयार प्रॉम्प्ट
00:07:24टेम्पलेट्स प्रदान करती हैं।
00:07:28प्रॉम्प्ट्स में एक वीडियो का लिंक शामिल होता है जिसे बैकग्राउंड के रूप में उपयोग किया जाना है, साथ ही
00:07:29इसे लागू करने के तरीके पर विस्तृत दिशा-निर्देश होते हैं।
00:07:33इसलिए कोई भी एजेंट इस तरह की वेबसाइट को लागू करने में सक्षम है, न कि सिर्फ क्लाउड डिज़ाइन, जब तक
00:07:36उसे समान प्रॉम्प्ट दिए जाते हैं।
00:07:40लेकिन ये केवल शोकेस साइटों के लिए सैंपल प्रॉम्प्ट हैं।
00:07:42वास्तव में, प्रोडक्शन-ग्रेड एप्लिकेशन को 'लेनेस' जैसी लाइब्रेरी का उपयोग करके बनाया जाता है, जिसका उपयोग
00:07:45कई प्रोडक्शन ऐप्स के साथ-साथ GSAP में भी किया जाता है, जो सुचारू एनिमेशन लागू करने के लिए
00:07:49सबसे लोकप्रिय लाइब्रेरी में से एक है, जो वेबसाइट के अनुभव को पहले की तुलना में
00:07:54कहीं ज़्यादा इमर्सिव बनाता है।
00:07:59इसका परीक्षण करने के लिए, हमने वास्तव में एक वीडियो डाउनलोड किया और अपने प्रॉम्प्ट में क्लाउड कोड को बस
00:08:00वीडियो को हीरो सेक्शन के रूप में उपयोग करने के लिए कहा, साथ ही उन कलर थीम के साथ जो हम चाहते थे और इसने
00:08:04वेबसाइट के बाकी हिस्सों को अपने दम पर लागू कर दिया।
00:08:08हमें इसे केवल एक बार ठीक करना पड़ा जहाँ हमें यह समझाना पड़ा कि वीडियो किस बारे में था।
00:08:10और इसने शैली को लैंडिंग पेज में पूरी तरह से शामिल कर लिया, जिससे यह पिछले वर्शन से
00:08:14काफी बेहतर हो गया।
00:08:18वेबसाइट को वास्तव में अच्छी तरह से लागू किया गया था, जो काफी शक्तिशाली है, यह देखते हुए कि प्रॉम्प्ट कितना सरल
00:08:19था और इसमें विभिन्न एनिमेशन और इंटरैक्शन शामिल थे, जिसने साइट के इस हिस्से को
00:08:23क्लाउड की क्षमताओं के साथ पहले की तुलना में कहीं ज़्यादा शक्तिशाली और इंटरैक्टिव बना दिया।
00:08:28अब क्लाउड कोड में आप क्लाउड डिज़ाइन की तुलना में आसानी से अधिक टूल के साथ सप्लीमेंट कर सकते हैं
00:08:32क्योंकि क्लाउड कोड अधिक तकनीकी रूप से सक्षम है और चीज़ों को अधिक सहजता से लागू कर सकता है।
00:08:36आप 'स्क्रॉली टेलिंग' जैसी ओपन-सोर्स स्किल का भी उपयोग कर सकते हैं, जो मूल रूप से आपके प्रोजेक्ट में स्क्रॉलिंग
00:08:42स्टोरीटेलिंग एनिमेशन को सक्षम बनाती है।
00:08:46तो इस स्किल के साथ क्लाउड एक साधारण प्रॉम्प्ट से आसानी से मल्टी-लेवल स्टोरीटेलिंग लागू कर सकता है
00:08:48और ऐसे एनिमेशन बनाने के लिए काम कर सकता है जो क्लाउड डिज़ाइन के अपने दम पर कर पाने की
00:08:53क्षमता से कहीं अधिक गहराई तक जाते हैं।
00:08:57साथ ही, यदि आप हमारे कंटेंट का आनंद ले रहे हैं, तो 'हाइप' बटन दबाने पर विचार करें क्योंकि यह हमें
00:08:59इस तरह के और कंटेंट बनाने और ज़्यादा लोगों तक पहुँचने में मदद करता है।
00:09:03क्लाउड डिज़ाइन के बजाय क्लाउड कोड का उपयोग करना यूआई लागू करना आसान बनाता है क्योंकि
00:09:07क्लाउड कोड के साथ आप शैड सीएन, एसेटर्निटी या हीरो यूआई जैसे घटकों को शामिल करके आसानी से इन-बिल्ट डिज़ाइन सिस्टम को एकीकृत कर सकते हैं,
00:09:11जिसमें पहले से ही बहुत सारे प्री-बिल्ट एनिमेशन शामिल होते हैं।
00:09:16यह इस ज़रूरत को कम करता है कि मॉडल यह पता लगाए कि प्रत्येक घटक कैसा दिखना और व्यवहार करना चाहिए,
00:09:22और इसके बजाय इसे समग्र डिज़ाइन को बेहतर बनाने पर ध्यान केंद्रित करने देता है।
00:09:27तो परिणाम डिफ़ॉल्ट रूप से सीधे क्लाउड डिज़ाइन में काम करने की तुलना में पहुँचना बहुत आसान है।
00:09:30आप प्रोजेक्ट के वर्तमान अवस्था का विश्लेषण करने वाले स्किल क्रिएटर का उपयोग करके फ्रंट-एंड डिज़ाइन स्किल या अपने प्रोजेक्ट के लिए विशेष स्किल का उपयोग कर सकते हैं।
00:09:35यह समय बर्बाद किए बिना सुविधाओं को अधिक प्रभावी ढंग से लागू करने में मदद करता है।
00:09:39क्लाउड कोड अधिक लचीला भी है क्योंकि आप इससे एमसीपी सर्वर कनेक्ट कर सकते हैं।
00:09:43उदाहरण के लिए, आप एक शैड सीएन एमसीपी सर्वर का उपयोग कर सकते हैं ताकि एजेंट सही घटकों को
00:09:47अपने दम पर स्थापित कर सके, न कि उसे स्पष्ट रूप से बताया जाए कि क्या और कहाँ उपयोग करना है।
00:09:51इसी तरह आप विभिन्न एमसीपी का उपयोग कर सकते हैं जो पूरी तरह से जनरेट किए गए डिज़ाइन पर निर्भर रहने के बजाय
00:09:56यूआई को अधिक प्रभावी ढंग से बनाने में मदद करते हैं।
00:09:59ओपस 4.7 जैसे मॉडल और क्लाउड डिज़ाइन जैसे टूल के साथ भी, सीधे जनरेट किए गए डिज़ाइन
00:10:04अक्सर यह प्रकट करते हैं कि वे एक मॉडल द्वारा तैयार किए गए थे क्योंकि वे समान पैटर्न का पालन करते हैं।
00:10:06लेकिन स्थापित लाइब्रेरी का उपयोग इस समस्या को कम करने में मदद करता है और आउटपुट को अधिक प्राकृतिक
00:10:11और कम अनुमानित महसूस कराता है।
00:10:16क्लाउड डिज़ाइन के बजाय क्लाउड कोड का उपयोग करने का सबसे बड़ा लाभ यह है कि आप इसे
00:10:20गिट से जोड़ सकते हैं।
00:10:22अब भले ही आप गिटहब को क्लाउड डिज़ाइन से भी जोड़ सकते हैं, दोनों के काम करने के तरीके में
00:10:26बहुत बड़ा अंतर है।
00:10:27क्लाउड डिज़ाइन का गिट एकीकरण काफी बुनियादी है।
00:10:30यह मुख्य रूप से इसे एक कनेक्टेड गिटहब रिपॉजिटरी से फाइलें लाने और डिज़ाइन को समझने के लिए उनका
00:10:31उपयोग करने की अनुमति देता है।
00:10:34लेकिन इसका उद्देश्य ज्यादातर पढ़ने और रेफरेंसिंग तक ही सीमित है।
00:10:38यह वास्तव में रिपॉजिटरी में बदलाव नहीं करता है।
00:10:39दूसरी ओर, क्लाउड कोड बहुत अलग है।
00:10:42यह कमिट, ब्रांचिंग और बहुत कुछ जैसे पूर्ण गिट ऑपरेशन कर सकता है।
00:10:45इसलिए यदि आपके कार्यान्वयन में कुछ गलत हो जाता है या यदि आप बदलाव करने के बाद पुराने वर्शन को पसंद करते हैं,
00:10:47तो आप आसानी से गिट का उपयोग करके पिछले वर्शन पर वापस जा सकते हैं।
00:10:51यह कुछ ऐसा है जिसे आप क्लाउड डिज़ाइन के साथ नहीं कर पाएंगे क्योंकि आप इसका उपयोग करते हैं, जो
00:10:55क्लाउड कोड को एक बहुत मजबूत दृष्टिकोण बनाता है।
00:10:59विभिन्न प्रोटोटाइप डिज़ाइन करने के लिए क्लाउड डिज़ाइन पर जाने या फिग्मा का उपयोग करने के बजाय, यह
00:11:02अधिक प्रभावी है यदि आप सीधे एचटीएमएल में मॉकअप बनाएं।
00:11:04विभिन्न वेरिएशन आज़माने के लिए, आप समानांतर एजेंटों और वर्क ट्री का उपयोग टास्क को विभाजित करने के लिए भी कर सकते हैं,
00:11:09ठीक वैसे ही जैसे क्लाउड डिज़ाइन डिज़ाइनों का पता लगाता है लेकिन गिट-प्रबंधित तरीके से,
00:11:12ताकि आप सबसे अच्छा वर्शन रख सकें और बाकी को आसानी से छोड़ सकें।
00:11:16आप बस इसे अलग-अलग वर्क ट्री में सब-एजेंटों का उपयोग करने के लिए एक प्रॉम्प्ट दे सकते हैं और प्रत्येक एजेंट को
00:11:21उसी डिज़ाइन के एक अलग वेरिएशन को लागू करने के लिए कह सकते हैं।
00:11:24उसके साथ, क्लाउड अलग-अलग वर्कस्पेस में एजेंटों को स्पॉन करेगा।
00:11:29समानांतर एजेंटों का उपयोग करने से आपको एक साथ कई दिशाओं का पता लगाने के दौरान समय और प्रयास दोनों बचाने में मदद मिलती है।
00:11:31अब एक बार जब प्रत्येक एजेंट अपना काम पूरा कर लेता है, तो आपको कई वेरिएशन मिलते हैं जिन्हें आप किसी भी समय देख सकते हैं
00:11:35और चुन सकते हैं कि आपकी ज़रूरत के हिसाब से कौन सा सबसे अच्छा है।
00:11:39वहाँ से, आप बदलाव कर सकते हैं और उस सटीक शैली के आधार पर ऐप बनाना जारी रख सकते हैं जिसे
00:11:40आप सबसे ज़्यादा पसंद करते हैं।
00:11:44और क्लाउड डिज़ाइन द्वारा जनरेट न होने के बावजूद, प्रत्येक जनरेट किए गए डिज़ाइन में अभी भी एक
00:11:47सौंदर्यपूर्ण लुक है जिसमें तत्वों को चित्रित करने के लिए पूरी तरह से कोड के माध्यम से बनाए गए उचित एसवीजी और बेहतर समग्र संतुलन है।
00:11:51आप फिर अपने पसंदीदा वर्शन को 'मेन' में मर्ज कर सकते हैं और उन वर्क ट्री को हटा सकते हैं जिनमें
00:11:52वे डिज़ाइन शामिल हैं जिन्हें आप पसंद नहीं करते थे।
00:11:57यहाँ उपयोग की गई स्किल और अन्य संसाधन इस वीडियो के लिए एआई लैब्स प्रो में उपलब्ध हैं
00:12:02और हमारे सभी पिछले वीडियो से, जहाँ से आप इसे अपने प्रोजेक्ट के लिए डाउनलोड और उपयोग कर सकते हैं।
00:12:04यदि आपने हमारे काम में मूल्य पाया है और चैनल का समर्थन करना चाहते हैं, तो ऐसा करने का यह सबसे अच्छा तरीका है।
00:12:08लिंक विवरण में है।
00:12:09यह हमें इस वीडियो के अंत तक लाता है।
00:12:15यदि आप चैनल का समर्थन करना चाहते हैं और हमें इस तरह के वीडियो बनाने में मदद करना चाहते हैं, तो आप नीचे दिए गए
00:12:19सुपर थैंक्स बटन का उपयोग करके ऐसा कर सकते हैं।
00:12:23हमेशा की तरह, देखने के लिए धन्यवाद और मैं आपसे अगले वीडियो में मिलूँगा।
00:12:24लिंक डिस्क्रिप्शन में है।
00:12:25यह हमें इस वीडियो के अंत तक लाता है।
00:12:26यदि आप चैनल का समर्थन करना चाहते हैं और हमें इस तरह के वीडियो बनाना जारी रखने में मदद करना चाहते हैं, तो आप
00:12:30ऐसा नीचे दिए गए सुपर थैंक्स बटन का उपयोग करके कर सकते हैं।
00:12:33हमेशा की तरह, देखने के लिए धन्यवाद और मैं आपसे अगले वीडियो में मिलूँगा।

Key Takeaway

Claude Design मुख्य रूप से एक हाइप-आधारित टूल है, जबकि Claude Code के माध्यम से उचित लाइब्रेरी और गिट प्रबंधन का उपयोग करने पर समान या बेहतर प्रोडक्शन-ग्रेड डिज़ाइन प्राप्त किए जा सकते हैं।

Highlights

  • Claude Design की तुलना में Claude Code का उपयोग करना अधिक प्रभावी है क्योंकि यह पूर्ण गिट संचालन और शाखा प्रबंधन की सुविधा देता है।

  • Claude Opus 4.7 मॉडल का विज़न पिछले वर्शन (1.15 मेगापिक्सेल) के मुकाबले 3.75 मेगापिक्सेल तक उच्च रिज़ॉल्यूशन संसाधित करने में सक्षम है।

  • Claude Design की साप्ताहिक उपयोग सीमा सीमित है, जिससे यह कुछ ही डिज़ाइन इटरेशन के बाद कार्यक्षमता खो देता है, जबकि Claude Code में लचीलापन अधिक है।

  • समान प्रॉम्प्ट का उपयोग करने पर Claude Code और Claude Design का परिणामी डिज़ाइन स्तर समान है, लेकिन Claude Code सीधे शिप करने योग्य कोड आउटपुट करता है।

  • मल्टी-लेवल स्टोरीटेलिंग और जटिल एनिमेशन के लिए 'स्क्रॉली टेलिंग' जैसी ओपन-सोर्स स्किल्स का उपयोग करना Claude Design के इन-बिल्ट सीमित विकल्पों से बेहतर परिणाम देता है।

Timeline

Claude Design बनाम Claude Code की वास्तविकता

  • Claude Design को अक्सर फिग्मा किलर के रूप में प्रचारित किया गया, लेकिन यह मुख्य रूप से एक सीमित उपयोग का टूल है।
  • Claude Code वही कार्यक्षमता प्रदान करता है और उससे अधिक नियंत्रण देता है।
  • परीक्षणों में पाया गया कि Claude Code का आउटपुट Claude Design के बराबर गुणवत्ता वाला है।

Claude Design को डिज़ाइन जगत में क्रांतिकारी बताया गया था, लेकिन यह वास्तव में क्लाउड कोड का ही एक सीमित वर्शन है। एक ही प्रॉम्प्ट पर किए गए परीक्षणों में Claude Code ने समान गुणवत्ता वाले डिज़ाइन तैयार किए, जो यह सिद्ध करता है कि अधिकांश प्रभाव टूल के बजाय उसके पीछे के मॉडल ओपस 4.7 का है।

सीमाएँ और लागत

  • Claude Design की उपयोग सीमाएं बहुत कम हैं, जिससे पेशेवर काम के लिए यह अव्यावहारिक हो जाता है।
  • Claude Code का उपयोग करने से इटरेटिव डिज़ाइन के लिए अधिक अवसर मिलते हैं।

डिजाइनर अक्सर कुछ ही इटरेशन के बाद Claude Design की उपयोग सीमा तक पहुँच जाते हैं, जिससे कार्यप्रवाह रुक जाता है। इसके विपरीत, Claude Code पर सीधे काम करने से बार-बार इटरेट करना संभव है और यह अधिक लागत प्रभावी है।

मॉडल अपग्रेड का महत्व

  • प्रभावशाली डिजाइनों का मुख्य कारण ओपस 4.7 मॉडल का बेहतर विज़न है।
  • ओपस 4.7 3.75 मेगापिक्सेल इमेज विश्लेषण कर सकता है, जो 4.6 के 1.15 मेगापिक्सेल से काफी अधिक है।

Claude Design की सफलता का वास्तविक कारण एंथ्रोपिक का नया ओपस 4.7 मॉडल है, जिसका विज़न उच्च रिज़ॉल्यूशन वाली छवियों को बेहतर ढंग से संसाधित करता है। यही अपग्रेड मॉडल को अधिक रचनात्मक और सुरुचिपूर्ण फ्रंट-एंड डिज़ाइन बनाने में सक्षम बनाता है।

Claude Code के साथ बेहतर वर्कफ़्लो और सुरक्षा

  • Claude Code को गिटहब के साथ जोड़कर कमिट और ब्रांचिंग जैसे पूर्ण ऑपरेशन किए जा सकते हैं।
  • शेडसीएन (shadcn) या हीरो यूआई (Hero UI) जैसी लाइब्रेरी का उपयोग करके बेहतर डिज़ाइन सिस्टम एकीकृत किए जा सकते हैं।

Claude Code में गिट एकीकरण की क्षमता इसे प्रोडक्शन के लिए मजबूत बनाती है, जिससे पुराने वर्शन पर वापस जाना आसान हो जाता है। इसके अलावा, एमसीपी सर्वर और प्री-बिल्ट लाइब्रेरी का उपयोग करके उपयोगकर्ता डिज़ाइन प्रक्रिया को अधिक नियंत्रित और परिष्कृत बना सकते हैं।

Community Posts

View all posts