इस ओपन सोर्स रेपो ने क्लोन किया Claude Design (यह बहुत अच्छा है)

CChase AI
컴퓨터/소프트웨어창업/스타트업AI/미래기술

Transcript

00:00:00क्लॉड डिज़ाइन यकीनन मेरे द्वारा इस्तेमाल किया गया सबसे बेहतरीन टूल है।
00:00:02यह असल में पूरी तरह से अनुपयोगी है।
00:00:05भले ही मैं एंथ्रोपिक को उनके 20 X प्लान के लिए हर महीने $200 का भुगतान कर रहा हूँ।
00:00:10मैं क्लॉड डिज़ाइन पर एक घंटे से भी कम समय में साप्ताहिक उपयोग की सीमा तक पहुँच जाता हूँ।
00:00:14यह निराशाजनक से भी बढ़कर है, लेकिन आप और मेरे लिए अच्छी बात यह है कि,
00:00:17उम्मीद अभी बाकी है क्योंकि अभी एक बिल्कुल नया ओपन सोर्स रिपो
00:00:22रिलीज़ हुआ है,
00:00:23जो मूल रूप से क्लॉड डिज़ाइन का क्लोन है और इसे एक ऐसी स्किल में बदल देता है जिसे हम उपयोग कर सकते हैं।
00:00:28इसे 'हुआशु डिज़ाइन' कहा जाता है और यह बिल्कुल उन्हीं सिस्टम प्रॉम्प्ट्स पर बना है,
00:00:32जिनका क्लॉड डिज़ाइन उपयोग करता है।
00:00:33और आज हम इसे क्लॉड डिज़ाइन के खिलाफ आमने-सामने के टेस्ट में रखने वाले हैं
00:00:37यह देखने के लिए कि क्या यह चीज़ वास्तव में हमारे समय के लायक है। क्योंकि अगर है,
00:00:41तो हमारे पास क्लॉड डिज़ाइन की उपयोग सीमा की जेल से बाहर निकलने का रास्ता हो सकता है।
00:00:45हुआशु डिज़ाइन उस समस्या को हल करता है जहाँ क्लॉड डिज़ाइन एक अद्भुत टूल तो है,
00:00:50लेकिन आप इसे एक घंटे से ज्यादा उपयोग नहीं कर सकते, इससे पहले कि आप उपयोग की
00:00:54सीमाओं तक पहुँच जाएँ।
00:00:55तो उन्होंने जो किया वह यह है कि उन्होंने क्लॉड डिज़ाइन के सभी सिस्टम प्रॉम्प्ट्स और डिज़ाइन दर्शन को लिया
00:00:58और इसे एक ओपन सोर्स गिटहब रिपो में बदल दिया,
00:01:02जो मूल रूप से सिर्फ एक स्किल है जिसे हम क्लॉड कोड या कोडेक्स या
00:01:07वास्तव में किसी भी कोडिंग एजेंट में लोड कर सकते हैं, बिल्कुल क्लॉड डिज़ाइन की तरह।
00:01:10यह वेब ऐप्स या मोबाइल ऐप्स के लिए इंटरैक्टिव प्रोटोटाइप बनाने में सक्षम है।
00:01:13हम स्लाइड डेक, मोशन डिज़ाइन, इन्फोग्राफिक्स आदि बहुत कुछ कर सकते हैं।
00:01:17और यह सब कुछ सिर्फ एक स्किल के साथ करने में सक्षम है क्योंकि इसके अंदर वास्तव में
00:01:21बहुत कुछ चल रहा है। उदाहरण के लिए,
00:01:24इसमें 20 डीप डाइव मार्कडाउन फ़ाइलों तक पहुँच है जो स्लाइड डेक के लिए क्या करना है,
00:01:28अलग-अलग डिज़ाइन शैलियों, एनीमेशन सर्वोत्तम प्रथाओं के बारे में बताती हैं।
00:01:31इसलिए हालाँकि सतह पर यह एक स्किल है,
00:01:33इसमें लगभग 20 मिनी स्किल्स तक पहुँच है।
00:01:35इसमें कई घटकों, मीडिया और संपत्तियों तक भी पहुँच है जिसे यह
00:01:40आपके लिए डिज़ाइन करते समय उपयोग में ला सकता है।
00:01:42और इसमें एक पूरी निष्पादन योग्य टूल चेन है।
00:01:44तो यह इसे एक HTML फ़ाइल लेने और उसे MP4 में बदलने की क्षमता देता है या
00:01:50प्लेराइट (playwright) का उपयोग करके यह सुनिश्चित करने के लिए कि इसने आपके लिए जो डिज़ाइन किया है
00:01:53वह वास्तव में वास्तविक जीवन में काम करता है। और क्लॉड डिज़ाइन की तरह ही,
00:01:56हम अलग-अलग बदलाव देखने में सक्षम हैं। हमारे पास पूरा ट्वीक सिस्टम है।
00:02:00और सबसे अच्छी बात यह है कि चूंकि यह एक स्किल है, अगर मैं क्लॉड कोड के अंदर हूँ,
00:02:05तो यह उस उपयोग पर आधारित है, चाहे मैं प्रो 5 X या 20 X पर हूँ,
00:02:08मैं इस प्रतीत होने वाली मनमानी क्लॉड
00:02:13डिज़ाइन उपयोग सीमा से बंधा नहीं हूँ, लेकिन आइए इसे वास्तव में टेस्ट में डालते हैं।
00:02:16तो हम जो करने जा रहे हैं, वह यह देखने के लिए है कि यह चीज़ स्क्रैच से
00:02:18लैंडिंग पेज डिज़ाइन करने के मामले में वास्तव में कितनी अच्छी तरह काम करती है।
00:02:22फिर हम देखेंगे कि यह लगभग वही काम कैसे करती है,
00:02:24लेकिन अगर हम इसे क्लॉड डिज़ाइन के डिज़ाइन सिस्टम के समान निर्माण करने के लिए संपत्तियां देते हैं,
00:02:29और अंत में, हम देखेंगे कि यह स्लाइड डेक पर कितनी अच्छी तरह काम करती है और रास्ते में,
00:02:33हम इसकी तुलना क्लॉड डिज़ाइन से आमने-सामने करेंगे।
00:02:36ताकि हम देख सकें कि क्या यह वास्तव में सार्थक है। लेकिन ऐसा करने से पहले,
00:02:39सबके पसंदीदा प्रायोजक, यानी मुझसे, एक त्वरित संदेश। तो बस पिछले महीने,
00:02:43मैं क्लॉड कोड मास्टरक्लास के साथ आया था और यह शून्य से AI देव बनने का
00:02:46नंबर एक तरीका है, खासकर यदि आप तकनीकी पृष्ठभूमि से नहीं आते हैं।
00:02:51मैं इस कोर्स को हर हफ्ते अपडेट करता हूँ।
00:02:53और मैं अभी क्लॉड कोड एजेंटिक iOS मॉड्यूल के साथ आया हूँ।
00:02:56तो यदि आप कोई ऐसे व्यक्ति हैं जो सीखना चाहता है कि इस टूल का सर्वोत्तम लाभ कैसे उठाया जाए,
00:03:01तो आपको इसे ज़रूर देखना चाहिए। आप इसे चेस AI (chase AI) के अंदर प्राप्त कर सकते हैं।
00:03:04साथ ही पिन किए गए कमेंट में इसके लिए एक लिंक भी होगा। तो चलिए शुरू करते हैं।
00:03:08तो जो प्रॉम्प्ट मैं क्लॉड कोड को दे रहा हूँ,
00:03:09और यह इस 'हुआशु डिज़ाइन' स्किल का उपयोग करेगा, वह है: मेरे काल्पनिक सास (SaaS) उत्पाद 'लाइटहाउस' के लिए
00:03:13एक लैंडिंग पेज बनाने के लिए डिज़ाइन स्किल का उपयोग करें,
00:03:17शुरू करने से पहले जो भी सवाल पूछने की ज़रूरत हो, पूछें। अब,
00:03:21मैंने यही बिल्कुल समान प्रॉम्प्ट क्लॉड डिज़ाइन को भी दिया है।
00:03:24तो हुआशु डिज़ाइन छह सवाल लेकर वापस आता है कि 'लाइटहाउस' क्या करता है, लक्षित
00:03:29खरीदार, वाइब, ज़रूरत के सेक्शन, बदलाव। और आप जानते हैं,
00:03:34क्या इसे सिर्फ कुछ काल्पनिक सामग्री बनानी चाहिए या मेरे पास कॉपी है?
00:03:37क्लॉड डिज़ाइन के भी इसी तरह के सवाल हैं,
00:03:40हालाँकि यह थोड़ा और गहराई में जाता है और जाहिर है अपनी ग्राफिक प्रकृति के कारण,
00:03:44यह मुझे दृश्य दिशा के संदर्भ में चुनने के लिए कुछ चीजें देता है
00:03:48जिसे मैं वास्तव में देख सकता हूँ। तो हुआशु के लिए मैं इसे कह रहा हूँ,
00:03:50आइए एक एनालिटिक्स झुकाव अपनाते हैं। हम सोलो देव के लिए जा रहे हैं।
00:03:54मैंने कहा कि मैं कई तरह के वाइब्स और शैलियाँ देखना चाहता हूँ,
00:03:57और इस तरह मैं वास्तव में वेरिएंट्स की तुलना कर सकता हूँ।
00:03:59और मैं यह भी चाहता हूँ कि यह कॉपी खुद करे। और क्लॉड डिज़ाइन के लिए,
00:04:02मैंने इसे लगभग वही कहा और यह भी कि मैं तीन वेरिएंट्स चाहता हूँ
00:04:05जिन्हें मैं साथ-साथ देख सकूँ।
00:04:06तो यहाँ क्लॉड डिज़ाइन ने क्या बनाया है बनाम हुआशु ने क्या बनाया है।
00:04:11और मैं अपना कैमरा बंद कर दूँगा ताकि हम इसे बेहतर तरीके से देख सकें।
00:04:16तो आइए देखते हैं कि हुआशु ने इसे एक ही पेज पर कैसे रखा।
00:04:19हमें तीन अलग-अलग पेज बनाने पड़ सकते थे,
00:04:22लेकिन यह हमें एक ही बार में सब कुछ देखने देता है। खैर, वास्तव में मैं अपनी बात वापस लेता हूँ।
00:04:25हमारे पास यहाँ ऊपर दाईं ओर तीनों को देखने की क्षमता है।
00:04:29तो यह वह है जो हमें इस स्किल के साथ मिला।
00:04:31तो यह 'लेजर' वाला वास्तव में काफी कूल लग रहा है। आप जानते हैं,
00:04:35यह हमें पूरा वेबपेज देता है। हमारे पास टर्मिनल वेरिएंट्स हैं,
00:04:40वही काम का तरीका, साथ ही बस पेपर वाला वर्शन।
00:04:44और फिर मैं तीनों को एक साथ देख सकता हूँ। और ईमानदारी से कहूँ तो, काफी अच्छा है।
00:04:49यह उस स्थिति से कहीं बेहतर है अगर हम सिर्फ क्लॉड कोड का उपयोग कर रहे होते।
00:04:52हम फ्रंट एंड डिज़ाइन स्किल के साथ भी थे और कहा, 'अरे, तीन वेरिएंट्स' काफी ठोस है।
00:04:55और अब क्लॉड डिज़ाइन को देखते हैं। ध्यान दें,
00:04:59डिज़ाइन ने हमें तुरंत ट्वीक्स दिए। हम अभी उसे नहीं देखेंगे,
00:05:03लेकिन यहाँ इसका टर्मिनल वर्शन है, आप जानते हैं,
00:05:07यह पूरी चीज़ से गुजरता है। संपादकीय फिर से,
00:05:11यहाँ के संपादकीय वाले के काफी समान है।
00:05:15बहुत, बहुत समान स्थानिक।
00:05:19यह बहुत ही भद्दा है। यह निश्चित रूप से आपके,
00:05:24विशिष्ट AI स्लॉट वाइब्स देता है। मुझे लगता है कि इसका ग्रेडिएंट से बहुत लेना-देना है।
00:05:28और फिर मैं तीनों की तुलना कर सकता हूँ। अब,
00:05:32जो मैं चाहता हूँ कि आप अभी करें, वह यह न सोचें, 'ओह,
00:05:34एक ज़रूरी नहीं कि दूसरे से बेहतर दिखे', बल्कि वास्तव में यह देखें कि
00:05:37यह स्किल जिसे हम यहाँ देख रहे हैं, डिज़ाइन के मुकाबले कितनी करीब है। बहुत,
00:05:42बहुत समान, जो हुआशु स्किल के लिए एक बड़ा थम्स अप है।
00:05:46अब मैं इस मैक्रो वेरिएंट को देखने के बाद जो करना पसंद करता हूँ, वह है एक
00:05:51विशेष पर ध्यान केंद्रित करना जो मुझे पसंद है, और फिर उसके लिए ट्वीक्स करना शुरू करना।
00:05:54अब इसे थोड़ा समान रखने के लिए ताकि हम बेहतर तुलना और अंतर कर सकें।
00:05:59मैं डिज़ाइन पर संपादकीय वाले के साथ जा रहा हूँ,
00:06:03जिसे यहाँ स्किल में 'लेजर' के नाम से जाना जाता है।
00:06:06और हम देखेंगे कि वे ट्वीक्स कितनी अच्छी तरह करते हैं। अब क्लॉड डिज़ाइन के लिए,
00:06:09ट्वीक्स पहले से ही यहाँ हैं। तो संपादकीय के लिए,
00:06:11हम लाइट और डार्क के बीच स्वैप कर सकते हैं। मैं एक्सेंट बदल सकता हूँ।
00:06:15यह मुझे लगभग कोई भी रंग देता है जिसके बारे में मैं सोच सकता हूँ, जो काफी कूल है।
00:06:18मैं वास्तविक हेडलाइन बदल सकता हूँ,
00:06:21लेकिन फिर इसमें स्थानिक और वैश्विक के बीच विभाजन है।
00:06:25तो मैं जो करने जा रहा हूँ, वह यह है कि मैं इसे ट्वीक्स का विस्तार करने और संपादकीय
00:06:29के लिए ही इसे रखने को कहूँगा। और जब तक यह हो रहा है,
00:06:31मैं क्लॉड कोड में कूदा और कहा,
00:06:33आइए लेजर वेरिएंट के साथ चलते हैं और इसे आक्रामक मात्रा में ट्वीक्स देते हैं।
00:06:36ताकि हम उस मोर्चे पर इसकी तुलना कर सकें।
00:06:38तो क्लॉड डिज़ाइन ने आगे बढ़कर हमारे लिए ढेर सारे ट्वीक्स जोड़े हैं। और ध्यान दें,
00:06:42इस बिंदु पर, बस जो आपने इस वीडियो में देखा है,
00:06:44मैंने अपने क्लॉड डिज़ाइन उपयोग का लगभग 15% पहले ही खा लिया है। खैर,
00:06:49स्किल पक्ष पर,
00:06:49हमने केवल एक सत्र की संदर्भ विंडो का 13% उपयोग किया है।
00:06:54तो 130 K टोकन, यानी, मेरे साप्ताहिक उपयोग का 1% भी नहीं,
00:06:59माना मैं 20 X पर हूँ, लेकिन अंतर चौंकाने वाला है। हालाँकि हमें पता होना चाहिए,
00:07:03यह अभी भी उस एक चीज़ के लिए ट्वीक्स पर काम कर रहा है।
00:07:05तो यह थोड़ा धीमा है और क्लॉड डिज़ाइन ट्वीक्स उम्मीद के मुताबिक काम कर रहे हैं।
00:07:10ट्वीक्स ईमानदारी से,
00:07:12सामान्य तौर पर क्लॉड डिज़ाइन के मेरे पसंदीदा हिस्सों में से एक हैं।
00:07:16मुझे लगता है कि क्लॉड डिज़ाइन की शक्ति ज़रूरी नहीं है कि 'ओह,
00:07:20डिज़ाइन अद्भुत हैं। और मुझे लगता है कि वे एक कदम ऊपर हैं।
00:07:22इसे गलत मत समझें,
00:07:24लेकिन यह तथ्य है कि मैं इतनी जल्दी बहुत सारी अलग-अलग चीज़ों से गुज़र सकता हूँ
00:07:28और देख सकता हूँ कि यह कैसा दिखता है और बस दोहराता रहता हूँ, बहुत जल्दी।
00:07:31और एक बात जो हम यहाँ जानना चाहते हैं, वह यह है कि क्लॉड डिज़ाइन
00:07:36कैसे काम करता है,
00:07:36विशिष्ट चीज़ों पर क्लिक करने और टाइपोग्राफी के साथ गड़बड़ करने
00:07:40या विशिष्ट टिप्पणियाँ छोड़ने की क्षमता।
00:07:43वह वास्तव में कुछ ऐसा नहीं है जो हम डिज़ाइन स्किल के अंदर कर सकते हैं।
00:07:47मैं निश्चित रूप से डिज़ाइन स्किल पर ड्रा नहीं कर सकता और कह सकता हूँ, 'अरे, इस पर एक नज़र डालें।
00:07:51आइए, इसे थोड़ा बाईं ओर ले जाएँ,
00:07:54इसे थोड़ा दाईं ओर ले जाएँ।' उस तरह की चीज़ें।
00:07:57इसके लिए आपको एक ग्राफिक इंटरफ़ेस की आवश्यकता होती है,
00:07:58जो कि वह जगह है जहाँ क्लॉड डिज़ाइन स्पष्ट रूप से आगे निकल जाएगा।
00:08:01तो आइए हुआशु डिज़ाइन के साथ मिलने वाले ट्वीक्स से इसकी तुलना करें।
00:08:05तो ध्यान दें,
00:08:07ट्वीक्स पेज की तरह ही शैली से मेल खाते हैं।
00:08:10मैं प्रीसेट बदल सकता हूँ।
00:08:13मैं डिस्प्ले फैमिली, थोड़ा अलग डार्क मोड बदल सकता हूँ।
00:08:18मैं एक्सेंट बदल सकता हूँ और ऐसा लगता है कि मैं लेआउट घनत्व जैसी कई चीज़ें बदल सकता हूँ।
00:08:22क्या हमारे पास ट्रस्ट स्ट्रिप है?
00:08:26क्या ट्रस्ट स्ट्रिप गायब हो जाती है? हाँ। उस तरह की चीज़। तो निश्चित रूप से तुलनीय।
00:08:30क्या यहाँ उतने ही ट्वीक्स हैं जितने क्लॉड डिज़ाइन में थे? नहीं,
00:08:32लेकिन मैं और पाने से बस एक प्रॉम्प्ट दूर हूँ।
00:08:34और मुझे लगता है कि यहाँ बड़ी सीख यह है कि क्लॉड कोड इस डिज़ाइन स्किल के साथ,
00:08:38निश्चित रूप से क्लॉड डिज़ाइन के अंदर आपको जो मिलता है उससे मुकाबला करता है और
00:08:42कुल टोकन उपयोग इस बिंदु पर 170 K है, मूल रूप से मेरे साप्ताहिक उपयोग का उपयोग नहीं किया
00:08:47और मैंने क्लॉड डिज़ाइन का 15% जला दिया। तो इस उदाहरण के लिए,
00:08:51जो रॉ प्रॉम्प्टिंग है, कोई डिज़ाइन सिस्टम नहीं, कोई संपत्ति नहीं,
00:08:56देखें कि आप क्या लेकर आ सकते हैं। मुझे लगता है कि स्किल ने बहुत अच्छा काम किया।
00:08:59तो चलिए अगले डेमो पर चलते हैं और देखते हैं कि यह कितनी अच्छी तरह कर सकता है।
00:09:02अगर हम वास्तव में इसे बनाने के लिए कुछ देते हैं, किसी प्रकार का डिज़ाइन सिस्टम,
00:09:06किसी प्रकार के डिज़ाइन उदाहरण और स्किल को टेस्ट में डालना,
00:09:10क्योंकि मैं पहले से जानता हूँ कि क्लॉड डिज़ाइन इसे काफी अच्छी तरह से कर सकता है।
00:09:13जब हम क्लॉड डिज़ाइन और इसके डिज़ाइन सिस्टम को देखते हैं,
00:09:16तो यह जो कुछ भी हम इसे देते हैं, उसे लेने में सक्षम होने का काफी अच्छा काम करता है।
00:09:19और वह सिर्फ एक कोड बेस या कुछ और हो सकता है और बहुत सारी जानकारी खींच सकता है,
00:09:23स्पेसिंग से लेकर घटक, गेज, बटन, हीरो तक,
00:09:27यह सब कुछ। तो जब मैं इस डिज़ाइन सिस्टम को क्लॉड डिज़ाइन में लोड करता हूँ,
00:09:31मुझे पता है कि यह अलग-अलग प्रकार के डिलिवरेबल्स के बीच इसे बनाए रखने में सक्षम होगा।
00:09:34उदाहरण के लिए,
00:09:36यह एजेंटिक OS डिज़ाइन कुछ ऐसा है जिसे मैंने डिज़ाइन सिस्टम में बदल दिया।
00:09:39और जबकि हम इसे क्लॉड डिज़ाइन के अंदर डैशबोर्ड के रूप में देखते हैं,
00:09:42उस डिज़ाइन थीम को दोहराना बहुत आसान है।
00:09:45तो आप इसे स्लाइड डेक के अंदर देखते हैं, उदाहरण के लिए,
00:09:47ऐसा लगता है कि यह सब एक ही जगह से आया है और ऐसा क्लॉड
00:09:50डिज़ाइन डिज़ाइन सिस्टम के कारण है जो काफी शक्तिशाली है। नकारात्मक पक्ष यह है कि इस प्रकार का,
00:09:55डिज़ाइन सिस्टम बनाना आपके साप्ताहिक
00:10:00उपयोग का लगभग 30% खा जाता है।
00:10:00तो मैंने क्लॉड डिज़ाइन को जो कहा वह यह था कि उस एजेंटिक OS डैशबोर्ड
00:10:04का उपयोग करके इस लाइटहाउस लैंडिंग पेज को फिर से बनाएं।
00:10:07मैंने फिर क्लॉड कोड को लगभग वही बात कही:
00:10:11मैं उस एस्थेटिक/डिज़ाइन सिस्टम का उपयोग करना चाहता हूँ जो उस डैशबोर्ड से मेल खाता है।
00:10:14और फिर मैंने इसे बताया कि यह वह सारी जानकारी कहाँ पा सकता है, एक अलग
00:10:18निर्देशिका या संदर्भ के अंदर। यह लगभग वही है जिसका यह उपयोग कर रहा है
00:10:22प्रेरणा के रूप में, अपने एस्थेटिक के रूप में।
00:10:25तो जाहिर है यहाँ स्प्राइट पागल हो रहा है,
00:10:28लेकिन बाकी सब कुछ काफी हद तक समझ में आता है। उम,
00:10:33यह आगे गया और यहाँ एक डैशबोर्ड भी फिर से बनाया,
00:10:37जो इसके बहुत समान है। मुझे लगता है कि यह काफी प्यारा लग रहा है।
00:10:41फॉन्ट, रंगों के लिए,
00:10:44वह सब बहुत कुछ वैसा ही है जैसा उसे करना चाहिए।
00:10:47मेरी एकमात्र वास्तविक शिकायत यहाँ थोड़ा सा चरित्र है।
00:10:52बस मुझे नहीं पता कि क्या चल रहा है,
00:10:54लेकिन वह शायद अपेक्षाकृत आसान फिक्स है।
00:10:56अब देखते हैं कि हुआशु स्किल ने संदर्भ के लिए कैसा प्रदर्शन किया।
00:10:59स्किल ने 11 मिनट और लगभग 70,000 टोकन लिए, क्लॉड डिज़ाइन
00:11:04ने लगभग तीन मिनट लिए, लेकिन इसने इसके साप्ताहिक उपयोग का 10% ले लिया।
00:11:08और यहाँ हमें क्या मिला। मैं अपना कैमरा बंद कर दूँगा ताकि हम बेहतर देख सकें।
00:11:10तो हमें थोड़ा क्लॉड मिला,
00:11:15यहाँ एक छोटा आइकन लोगो वाला व्यक्ति। ध्यान दें।
00:11:18यह लोगो ऊपर स्प्राइट से थोड़ा अलग है,
00:11:22लेकिन हे, यह फिट बैठता है। रंग और फॉन्ट पहली नज़र में सही लगते हैं।
00:11:26और हमारे पास लाइटहाउस के बगल में यहाँ ऊपर हमारा छोटा स्प्राइट भी है।
00:11:30यह देखने में काफी कूल लग रहा है। यह एक छोटे टिकर जैसा है।
00:11:35सामान्य डिजाइन के मामले में यह सब डैशबोर्ड से काफी जाना-पहचाना लग रहा है।
00:11:40यहाँ यह थोड़ा अजीब लग रहा है।
00:11:43मेरी इच्छा है कि यह टर्मिनल सेक्शन, बाईं ओर जो हमारे पास है,
00:11:47उसके साथ सेंटर्ड हो जाता, लेकिन इसे ठीक करना आसान है। और कुल मिलाकर,
00:11:51काफी अच्छा है। मैं कहूँगा कि मुझे क्लाउड डिजाइन थोड़े बेहतर लगे,
00:11:56खासकर यह बात कि इसने अपना खुद का डैशबोर्ड बनाया और उसे उसमें डाल दिया।
00:12:00लेकिन हे, इसने डिजाइन का काम किया है, है ना? इसने मापदंडों को पूरा किया।
00:12:04इसमें वही फॉन्ट और वही रंग हैं।
00:12:06निश्चित रूप से ऐसा लगता है कि यह एक ही डिजाइन परिवार से आया है। तो इस टेस्ट के लिए,
00:12:11मुझे लगता है कि इस स्किल के लिए यह एक और बड़ी जीत है, बहुत अच्छा काम। हाँ।
00:12:14क्या इसमें थोड़ा ज्यादा समय लगा? बिल्कुल।
00:12:15लेकिन यह अनिवार्य रूप से खुद ही डिजाइन सिस्टम बना रहा था।
00:12:18इसमें पहले से कुछ भी लोड नहीं था। क्या यह डिजाइन जितना अच्छा है? हम्म। शायद नहीं,
00:12:22लेकिन यह काफी करीब है और बेहद सस्ता भी है। तो बहुत, बहुत,
00:12:27बहुत प्रभावित हूँ। अब हमारे आखिरी टेस्ट के लिए, हम स्लाइड डेक को देखेंगे।
00:12:29मैंने पहले ही क्लाउड डिजाइन से इसे करवा लिया है।
00:12:31और आप अभी इसके पहले प्रयास को देख रहे हैं।
00:12:33यह उसी डिजाइन सिस्टम का उपयोग कर रहा है और यह हमारे फर्जी SaaS उत्पाद के बारे में बात कर रहा है।
00:12:37तो डिजाइन के साथ बने रहने के मामले में,
00:12:41जाहिर है कि इसने काफी अच्छा काम किया और यह सब देखने में
00:12:46काफी अच्छा लग रहा है। बस एक शिकायत है, ऊपर यह छोटा सा स्प्राइट थोड़ा खिंचा हुआ है।
00:12:50लेकिन फिर से, यह करना कोई कठिन काम नहीं है।
00:12:52यहाँ वास्तव में मुझे जिस चीज की चिंता है वो यह है कि क्या यह कूल लग रहा है? यह थोड़ा कूल है।
00:12:56जब क्लाउड डिजाइन की बात आती है तो यह डिजाइन सिस्टम से मेल नहीं खाता। हाँ,
00:13:00यह इसे केवल कुछ ही मिनटों में करने में सक्षम था, उपयोग के मामले में सिर्फ 6%।
00:13:04अब देखते हैं कि क्लाउड कोड इस स्किल का उपयोग करके कैसा प्रदर्शन करता है।
00:13:07और यहाँ हमारे पास यह रहा। तो शुरुआत से ही, यह वेबसाइट की बहुत याद दिलाता है।
00:13:11यह इसे बनाने में सक्षम था, ऊपर वही स्प्राइट वाली चीज है,
00:13:15जो ऊपर चल रही है।
00:13:16और दाईं ओर हमारा छोटा सा क्लाउड कोड लोगो है।
00:13:20तो यह कवर पेज है। नंबर दो,
00:13:23ऐसा लगता है कि कुछ टेक्स्ट यहाँ ओवरलैप हो रहे हैं, लेकिन यह कोई बड़ी समस्या नहीं है।
00:13:27पेज तीन अच्छा लग रहा है। स्लाइड चार। यह थोड़ा कटा हुआ है,
00:13:32लेकिन यह पूरी तरह से एक डिजाइन निर्णय हो सकता है।
00:13:34कुछ स्क्रॉलिंग टेक्स्ट है जो अच्छे दिख रहे हैं। और आखिरी स्लाइड पर,
00:13:38यहाँ फिर से थोड़ा ओवरलैप है,
00:13:40लेकिन ये छोटी-छोटी समस्याएं हैं जिन्हें हम एक सिंगल प्रॉम्प्ट से आसानी से ठीक कर सकते हैं।
00:13:44तो कुल मिलाकर, जब हम इन दोनों डिजाइन की तुलना करते हैं और जो हमें इस स्किल से मिला है,
00:13:49बहुत समान है, फिर से,
00:13:50यह वास्तव में लगातार तीन चीजें हैं जिनका हमने परीक्षण किया है जहाँ यह स्किल
00:13:54डिजाइन में हमें जो मिलता है उसके साथ प्रतिस्पर्धा करने में सक्षम है।
00:13:56और मुझे लगता है कि इस वीडियो से यही सबसे बड़ी बात है।
00:13:58अब हमारे पास क्लाउड डिजाइन आउटपुट प्राप्त करने का एक विकल्प है, बिना इन
00:14:03अजीब उपयोग सीमाओं के, जो आपके औसत यूजर के लिए बहुत अच्छा है।
00:14:07अब क्या मुझे अभी भी लगता है कि क्लाउड डिजाइन बेहतर है? हाँ, बिल्कुल।
00:14:12यह स्किल बस क्लाउड डिजाइन द्वारा की जाने वाली हर चीज की नकल कर रही है।
00:14:15और क्लाउड डिजाइन के पास ड्राइंग, एडिटिंग, कमेंटिंग जैसी चीजों का लाभ है,
00:14:19और टीम में सभी को इसे इस्तेमाल करने के लिए कह पाना।
00:14:21तो अपने ग्राफिक इंटरफेस के कारण,
00:14:24यह ऐसी चीजें कर सकता है जो यह स्किल कभी नहीं कर पाएगा। लेकिन बहुत से लोगों के लिए,
00:14:29जो आपने अभी यहाँ देखा है, वह पर्याप्त से अधिक है। और यह,
00:14:34उदाहरण के लिए, फ्रंट-एंड डिजाइन स्किल का उपयोग करने से एक बड़ी छलांग है। और याद रखें,
00:14:37यह स्किल सिर्फ वेब पेज और स्लाइड डेक से कहीं ज्यादा कर सकती है।
00:14:40यह मोशन डिजाइन, इन्फोग्राफिक्स, सभी प्रकार की चीजें कर सकती है।
00:14:43तो निश्चित रूप से इस चीज को आजमाएं। आपके पास खोने के लिए वास्तव में कुछ नहीं है।
00:14:46तो आज के लिए मैं आप लोगों को यहीं छोड़ता हूँ। मुझे उम्मीद है कि इस वीडियो के साथ,
00:14:50मैं आपके बढ़ते हुए टूलबॉक्स में एक और टूल जोड़ने में सक्षम रहा हूँ। हमेशा की तरह,
00:14:54मुझे बताएं कि आपने क्या सोचा।
00:14:55अगर आप क्लाउड मास्टरक्लास पर हाथ आजमाना चाहते हैं तो चेस एआई प्लस (Chase AI Plus) देखना न भूलें
00:14:58और मैं आपसे फिर मिलूँगा।

Key Takeaway

हुआशु डिज़ाइन (Huashu Design) क्लोन क्लॉड डिज़ाइन के समान आउटपुट प्रदान करता है और क्लॉड कोड जैसे कोडिंग एजेंटों के साथ उपयोग किए जाने पर क्लॉड डिज़ाइन की सख्त उपयोग सीमाओं को प्रभावी ढंग से हटा देता है।

Highlights

  • हुआशु डिज़ाइन (Huashu Design) एक ओपन सोर्स गिटहब रिपोजिटरी है जो क्लॉड डिज़ाइन के सिस्टम प्रॉम्प्ट्स और डिज़ाइन दर्शन को क्लोन करके कोडिंग एजेंटों के लिए एक स्किल के रूप में कार्य करता है।

  • क्लॉड डिज़ाइन का उपयोग करते समय उपयोग की साप्ताहिक सीमाएं एक घंटे से कम में समाप्त हो सकती हैं, जबकि हुआशु स्किल 130K टोकन उपयोग के साथ साप्ताहिक सीमा का 1% भी खर्च नहीं करती है।

  • यह स्किल वेब ऐप्स, मोबाइल प्रोटोटाइप, स्लाइड डेक, मोशन डिज़ाइन और इन्फोग्राफिक्स बनाने में सक्षम है।

  • इसमें HTML फ़ाइलों को MP4 में बदलने और डिबगिंग के लिए प्लेराइट (Playwright) का उपयोग करने वाली निष्पादन योग्य टूल चेन शामिल है।

  • हुआशु स्किल और क्लॉड डिज़ाइन के बीच आमने-सामने के परीक्षणों में, दोनों के आउटपुट और डिज़ाइन गुणवत्ता में बहुत समानता देखी गई है।

Timeline

क्लॉड डिज़ाइन की उपयोग सीमाएं और हुआशु का विकल्प

  • क्लॉड डिज़ाइन एक प्रभावी टूल है, लेकिन इसकी सख्त साप्ताहिक उपयोग सीमाएं काम को बाधित करती हैं।
  • हुआशु डिज़ाइन एक ओपन सोर्स विकल्प है जिसे किसी भी कोडिंग एजेंट में लोड किया जा सकता है।
  • इसमें 20 डीप-डाइव मार्कडाउन फाइलें और एक पूरी निष्पादन योग्य टूल चेन शामिल है।

क्लॉड डिज़ाइन के उपयोग की सीमाओं के कारण उत्पादकता प्रभावित होती है। हुआशु डिज़ाइन को क्लॉड डिज़ाइन के सिस्टम प्रॉम्प्ट्स और दर्शन का उपयोग करके बनाया गया है। यह स्किल क्लॉड कोड जैसे कोडिंग एजेंटों में काम करती है और वेब ऐप्स या स्लाइड डेक जैसे जटिल इंटरैक्टिव प्रोटोटाइप बनाने में सक्षम है। इसमें मार्कडाउन फाइलों के माध्यम से डिज़ाइन और एनीमेशन सर्वोत्तम प्रथाओं तक पहुंच है।

लैंडिंग पेज निर्माण और प्रदर्शन परीक्षण

  • लैंडिंग पेज परीक्षण में हुआशु स्किल ने एक ही बार में तीन वेरिएंट्स प्रदर्शित किए।
  • क्लॉड डिज़ाइन की तुलना में, हुआशु स्किल का टोकन उपयोग काफी कम रहा है।
  • ग्राफिक इंटरफेस की कमी के कारण हुआशु पर मैन्युअल एडिटिंग सीमित है।

एक काल्पनिक SaaS उत्पाद 'लाइटहाउस' के लिए लैंडिंग पेज बनाने के परीक्षण में, हुआशु स्किल ने क्लॉड डिज़ाइन के समान गुणवत्ता वाले परिणाम दिए। जबकि क्लॉड डिज़ाइन अपनी ग्राफिक एडिटिंग क्षमताओं के कारण बेहतर है, हुआशु स्किल का टोकन खपत स्तर बहुत कम है, जिससे उपयोगकर्ता अपनी सीमा से अधिक काम कर सकते हैं।

डिज़ाइन सिस्टम एकीकरण और स्लाइड डेक परीक्षण

  • डिज़ाइन सिस्टम के साथ जटिल डैशबोर्ड को दोबारा बनाने में हुआशु स्किल क्लॉड डिज़ाइन के करीब रही।
  • स्लाइड डेक निर्माण परीक्षणों में दोनों उपकरणों ने डिज़ाइन परिवार को बनाए रखा।
  • हुआशु स्किल उन उपयोगकर्ताओं के लिए एक मजबूत विकल्प है जिन्हें ग्राफिक इंटरफेस की तुलना में उपयोग की स्वतंत्रता की अधिक आवश्यकता है।

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

Community Posts

View all posts