एक और ओपन सोर्स रेपो ने किया Claude Design को क्लोन

CChase AI
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00सर, एक दूसरा क्लॉ डिज़ाइन क्लोन अभी-अभी गिटहब पर आया है, जी हाँ, सही सुना आपने, हमारे पास एक और क्लॉ डिज़ाइन
00:00:06क्लोन है, लेकिन इस बार यह वास्तविक ग्राफ़िक इंटरफ़ेस के साथ आता है। इस हफ़्ते की शुरुआत में मैंने
00:00:13हू वाशू डिज़ाइन पर एक वीडियो बनाया था, जो बाज़ार में पहला क्लॉ डिज़ाइन क्लोन जैसा था, इसने
00:00:20वाकई अच्छा काम किया, हमने दिखाया कि यह आपके मानक क्लॉ डिज़ाइन फ़ॉर्मेट के साथ
00:00:24कंधे से कंधा मिलाकर चल रहा है, फिर भी इसमें इस्तेमाल की कोई समस्या नहीं आ रही, लेकिन हू वाशू डिज़ाइन के साथ एक समस्या
00:00:30यह थी कि यह केवल टर्मिनल के अंदर था, इसमें वैसा ग्राफ़िक इंटरफ़ेस नहीं था जैसा आप यहाँ
00:00:36इस बिल्कुल नए ओपन डिज़ाइन टूल के साथ देखते हैं, जो काफी हद तक क्लॉ डिज़ाइन की नकल करता है, मेरा मतलब है, बस इन
00:00:43दो टूल्स को यहाँ देखिए, हमारे पास ओपन डिज़ाइन है जिसके बारे में हम आज बात करने जा रहे हैं
00:00:48और यहाँ हमारे पास क्लॉ डिज़ाइन है, जो बेहद समान हैं। अब ओपन डिज़ाइन के बारे में वास्तव में अच्छी बात
00:00:54यह है कि इसे हू वाशू डिज़ाइन के ऊपर बनाया गया है और जैसा कि आपने पिछले वीडियो में देखा था, हू वाशू डिज़ाइन
00:00:59वाकई बहुत अच्छा है, हमें इस रेपो से कुछ बेहतरीन कंटेंट और बेहतरीन फ्रंट-एंड डिज़ाइन मिले और अब
00:01:06हम बस इसे ले रहे हैं और इसके ऊपर एक अच्छी ग्राफ़िक लेयर डाल रहे हैं ताकि अधिकांश यूज़र्स के लिए इसके साथ
00:01:11बातचीत करना बहुत आसान हो जाए और यह हमें वह सब फिनिश दे सके जो हमने मूल रूप से
00:01:16क्लॉ डिज़ाइन के साथ देखा था। इससे भी बेहतर बात यह है कि ओपन डिज़ाइन का इस्तेमाल हम किसी भी कोडिंग टूल के साथ कर सकते हैं, इसके लिए
00:01:22सिर्फ क्लॉड कोड होना ज़रूरी नहीं है, हम जेमिनी का उपयोग कर सकते हैं, हम कोडेक्स का उपयोग कर सकते हैं और फिर से, हमें वैसी
00:01:28इस्तेमाल की समस्याएँ नहीं आ रही हैं जैसी हम क्लॉ डिज़ाइन में देखते हैं। तो आज हम ओपन डिज़ाइन को समझेंगे, मैं
00:01:34दिखाऊँगा कि यह कैसे काम करता है, इसे कैसे इंस्टॉल करना है, आपको किन चीज़ों पर ध्यान देना चाहिए क्योंकि
00:01:39मुझे लगता है कि इसमें थोड़ा फालतू सामान भी है और हम इसके और क्लॉ
00:01:43डिजाइन के बीच कुछ तुलनाएँ भी करेंगे। स्पॉइलर अलर्ट: यह काफी अच्छा है, मुझे लगता है कि यह ठोस है और मैं बेहद उत्साहित हूँ कि हमें
00:01:49क्लॉ डिज़ाइन के ये सारे स्पिन-ऑफ मिलने लगे हैं क्योंकि मुझे क्लॉ डिज़ाइन पसंद है लेकिन इसका
00:01:53इस्तेमाल करना बहुत खराब अनुभव है, इसलिए जितने ज़्यादा ऐसे टूल्स आएँगे, मुझे लगता है कि एंथ्रोपिक उतनी ही जल्दी
00:02:00इसे समझकर इस्तेमाल की इस गड़बड़ी को ठीक करेगा। तो ओपन डिज़ाइन, क्लॉ डिज़ाइन का एक ओपन सोर्स विकल्प है,
00:02:05हम इसे क्लॉड कोड या कोडेक्स जैसी चीज़ों से जोड़ सकते हैं या हम अपनी खुद की API की भी ला सकते हैं
00:02:12अगर हम किसी दूसरे हार्नेस या API का उपयोग करना चाहते हैं। यह स्वचालित रूप से पहचान लेगा कि आपके कंप्यूटर पर किस तरह के
00:02:16कोडिंग एजेंट हैं और इसमें 31 कौशल और 72 ब्रेन ग्रेड डिज़ाइन सिस्टम पहले से ही बने हुए हैं। अब जब
00:02:24मैंने कहा था कि यह वाशू डिज़ाइन के ऊपर बना है, तो मैं मज़ाक नहीं कर रहा था, उन्होंने खुद भी इसका उल्लेख किया है, यह
00:02:28वाशू डिज़ाइन, गुज़ेंग पावरपॉइंट स्किल, ओपन कोड डिज़ाइन और
00:02:34मल्टिका का एक संगम है। इन सबको एक साथ मिला दें और वास्तव में मैं कहूँगा कि यह ऊपर से एक अच्छी परत वाला हू वाशू डिज़ाइन ही है।
00:02:40अब बाकी रेपो काफी गहराई में जाता है कि इसके अंदर क्या चल रहा है और कुछ
00:02:45उदाहरण और डेमो भी दिए गए हैं, बस आपको इतना जानने की ज़रूरत है कि यह ओपन सोर्स क्लॉ डिज़ाइन है या आप जितना इसके करीब
00:02:49जा सकते हैं उतना है। अब इंस्टाल करने से पहले, आज के स्पॉन्सर की ओर से
00:02:53एक छोटी सी बात: मैंने अपना क्लॉड कोड मास्टर क्लास रिलीज़ कर दिया है और यह ज़ीरो से
00:02:58AI डेवलपर बनने का सबसे अच्छा तरीका है, खासकर यदि आप तकनीकी पृष्ठभूमि से नहीं हैं। मैं इसे हर हफ़्ते अपडेट करता हूँ
00:03:04और हम वास्तव में वास्तविक दुनिया के उपयोग के मामलों पर ध्यान केंद्रित करते हैं और यह कैसे इस टूल का उपयोग करके
00:03:09आपके व्यवसाय या आप जिस भी काम पर लगे हैं, उसमें बदलाव लाया जा सकता है। आप इसे चेस AI प्लस के अंदर पा सकते हैं,
00:03:14पिन किए गए कमेंट में इसका लिंक है और मुझे उम्मीद है कि आपसे वहाँ मुलाकात होगी। अब इसे इंस्टॉल करने के दो तरीके हैं, आप
00:03:18इस रेपो पर जा सकते हैं, टर्मिनल खोल सकते हैं और इस सबको वहाँ पेस्ट कर सकते हैं। दूसरा विकल्प यह है कि
00:03:23आप बस इस लिंक पर जाएँ, इसे कॉपी करें, मेरे पास इसका लिंक डिस्क्रिप्शन में होगा, इसे
00:03:28क्लॉड कोड या कोडेक्स या जो भी हो, उसमें पेस्ट करें और कहें कि "हे, इसे मेरे लिए एक नई डायरेक्टरी में इंस्टॉल करो" और यह
00:03:32इसे शुरू कर देगा। अब एक बार जब आप इसे इंस्टॉल करके चला लेंगे, तो इसे आपको
00:03:36लोकल देव सर्वर का लिंक देना चाहिए, अगर यह नहीं देता है, तो बस क्लॉड कोड से कहें, "हे, ओपन डिज़ाइन के लिए एक देव सर्वर चलाओ" और
00:03:42आपको इस तरह का एक पेज दिखाई देगा और बहुत संभावना है कि आपके पास कुछ पॉप अप होगा जो कहेगा कि "हे, क्या आप
00:03:46लोकल CLI या एंथ्रोपिक API का उपयोग करना चाहते हैं या आप वास्तविक AI सिस्टम के मामले में क्या करना चाहते हैं?"
00:03:51तो आप लोकल CLI करना चाहेंगे, इसका मतलब है कि यह क्लॉड कोड या कोडेक्स या ओपन कोड से जानकारी ले रहा है,
00:03:56विशेष रूप से क्लॉड कोड और कोडेक्स से, इस तरह आप API फीस का भुगतान नहीं कर रहे हैं, यह सब सिर्फ आपके
00:04:01मैक्स अकाउंट मॉडल से लिया जा रहा है, आप बस डिफॉल्ट कर सकते हैं जो CLI कॉन्फ़िगरेशन है और फिर हमारे पास
00:04:06मीडिया प्रदाता जोड़ने की क्षमता है क्योंकि जैसा कि आप यहाँ देखेंगे कि मैं न केवल प्रोटोटाइप, स्लाइड
00:04:13डेक और टेम्प्लेट बना सकता हूँ, बल्कि मैं इमेज और वीडियो भी बना सकता हूँ, इसलिए मैं इस UI से उन्हें जनरेट कर सकता हूँ, लेकिन
00:04:18वीडियो जनरेट करने के लिए, इमेज जनरेट करने के लिए मुझे उस मॉडल में एक API की जोड़नी होगी जो ऐसा करता है, इसलिए मैं
00:04:24मिनीमैक्स, ओपन AI, 11 लैब्स जैसी चीज़ें जोड़ सकता हूँ, जो उपयोगी है और ऐसा कुछ
00:04:30आपको क्लॉ डिज़ाइन के अंदर नहीं मिलेगा। अब ऊपर हमारे पास डिज़ाइन, उदाहरण, डिज़ाइन सिस्टम, इमेज टेम्प्लेट्स और
00:04:36वीडियो टेम्प्लेट्स हैं। अब विशेष रूप से डिज़ाइन सिस्टम के अंदर ये टेम्प्लेट्स क्या हैं?
00:04:40खैर, यह awesomedesigns.md के समान है, अगर आपने इसे पहले देखा है, तो वे अनिवार्य रूप से एक वेबसाइट
00:04:46जैसे कि एयरबीएनबी पर गए हैं और उन्होंने उस वेबसाइट में पैलेट,
00:04:52टाइपोग्राफी, घटकों, विजुअल थीम और माहौल के मामले में जो कुछ भी चल रहा है उसे अलग किया है। तो विचार यह है कि यदि मैं
00:04:58एक ऐसी वेबसाइट बनाना चाहता हूँ जो एयरबीएनबी के स्टाइल के समान हो, तो मैं मूल रूप से इस प्रॉम्प्ट का उपयोग कर सकता हूँ और इसे शामिल कर सकता हूँ
00:05:06और मुझे कुछ वैसा ही मिलेगा। मुझे लगता है कि यहाँ आपके परिणाम अलग-अलग हो सकते हैं, उम, मुझे लगता है कि डिज़ाइन सिस्टम सेक्शन
00:05:13अच्छा दिखता है, मुझे नहीं पता कि वास्तविकता में यह कितना प्रभावी है। इमेज टेम्प्लेट्स वाली यह चीज़
00:05:18वैसी ही है, यह बस हमें इमेज के उदाहरण और JSON प्रॉम्प्ट दिखा रही है जिसका उपयोग आप कुछ समान पाने के लिए कर सकते हैं,
00:05:23मुझे लगता है कि यह फालतू है, वही चीज़ वीडियो टेम्प्लेट्स के साथ है, मुझे लगता है कि यह भी फालतू है, अच्छा दिखता है लेकिन इससे आपको
00:05:29कोई खास वैल्यू नहीं मिलेगी। अब हमारे पास यहाँ उदाहरण हैं जो थोड़े अच्छे भी हैं लेकिन समझें
00:05:35कि यह वही है जो उन्हें तब मिला जब उन्होंने सिंगल लाइन प्रॉम्प्ट का इस्तेमाल किया, ठीक है? जैसे यह वैसा नहीं है कि
00:05:42इसके बैकग्राउंड में यहाँ कोई फैंसी प्रॉम्प्ट है, प्रॉम्प्ट सचमुच यहीं है।
00:05:47तो अगर मैं "use this prompt" पर क्लिक करता हूँ, तो यह इसे शामिल कर लेगा और यह एक लाइन का है: "डिजाइन म्यूचुअल, X पोस्टर्स के लिए एक डेटिंग साइट,
00:05:53आँकड़ों के साथ दैनिक डाइजेस्ट डैशबोर्ड, म्यूचुअल मैच और एक कम्युनिटी टिकर"।
00:06:00तो आप जानते हैं, उम... उनके पास यहाँ जो उदाहरण हैं उनसे बहुत ज़्यादा प्रभावित न हों, यह एक लंबी...
00:06:07एक लाइन की है, यह एक लाइन का प्रॉम्प्ट है, यहाँ कुछ भी पागलपन जैसा नहीं हो रहा है। तो चलिए ध्यान केंद्रित करते हैं
00:06:12उस चीज़ पर जिसकी आपको वास्तव में परवाह होनी चाहिए और वह है प्रोटोटाइप और स्लाइड डेक और इस तरह के
00:06:16मानक प्रकार के डिलिवरेबल्स बनाना जिन्हें आप क्लॉ डिज़ाइन के अंदर ही देखते और यह
00:06:22काफी हद तक उसी तरह काम करता है, आप बस डेमो का नाम देंगे, आप एक डिज़ाइन सिस्टम चुनेंगे
00:06:28तो आप एक या कई चुन सकते हैं और फिर से हमारे पास उन सभी की यह सूची है जो पहले से ही वहाँ हैं, हम
00:06:32तय करते हैं कि हम वायरफ़्रेम बनाना चाहते हैं या हाई फिडेलिटी, हमारे पास क्लॉ
00:06:37डिज़ाइन ज़िप फ़ाइल इम्पोर्ट करने की क्षमता है। तो मान लीजिए कि आपने क्लॉ डिज़ाइन के अंदर एक डिज़ाइन सिस्टम बनाया है, मैं उसे एक
00:06:44ज़िप फ़ाइल में बदल सकता हूँ और यहाँ शामिल कर सकता हूँ और फिर हम बस "क्रिएट" पर क्लिक करते हैं। मैं जल्दी से पहले इस उदाहरण को
00:06:51दिखाना चाहता हूँ, यहाँ मैंने ओपन डिज़ाइन से वही चीज़ बनाने के लिए कहा जो हमने उस हूवाशा डिज़ाइन वीडियो में दिखाई थी
00:06:57जो थी कि मुझे 'लाइटहाउस' नामक एक नकली SaaS उत्पाद के लिए लैंडिंग पेज चाहिए और यह
00:07:03छोटी टीमों, सोलो संस्थापकों के लिए है और मुझे तीन उदाहरण चाहिए जिनकी मैं एक साथ तुलना कर सकूँ और इसलिए मेरे पास
00:07:11एक क्लासिक स्टैक्ड डिज़ाइन है, मेरे पास कुछ ऐसा है जो अधिक एडिटोरियल है और फिर कुछ ऐसा जो थोड़ा अधिक
00:07:17लाउड और आकर्षक है और जब हम इसकी सीधे तुलना करते हैं जो हमें यहाँ क्लॉ डिज़ाइन के अंदर मिला है,
00:07:21तो आप बहुत सारी समानताएँ देखते हैं, बहुत सारे एक जैसे फोंट, बहुत सारे एक जैसे रंग, खासकर
00:07:26बैकग्राउंड में, खासकर जब से हमने एक एडिटोरियल झुकाव रखा था। आप यहाँ बाईं ओर
00:07:32ओपन डिज़ाइन के साथ यह भी देखेंगे कि यह उसी तरह के Q&A ब्रीफ से गुज़रा जिसकी आप क्लॉ डिज़ाइन के
00:07:37अंदर उम्मीद कर सकते हैं, तो यह मुझसे सवाल पूछ रहा है, यह मुझे चुनने के लिए बटन देता है आदि आदि। यह काफी हद तक
00:07:43बिल्कुल वैसा ही उत्पाद है। अब ध्यान देने वाली बात है, ओपन डिज़ाइन बनाम
00:07:49क्लॉ डिज़ाइन में मैंने जो अंतर देखा, वह यह था कि ओपन डिज़ाइन थोड़ा धीमा था, इसमें लगभग 10 मिनट लगे जबकि क्लॉ
00:07:56डिज़ाइन में लगभग आधा समय लगा। ध्यान दें कि भले ही हम कॉमन एडिट और ड्रा जैसी चीज़ें देखते हैं लेकिन वह
00:08:01वास्तव में ओपन डिज़ाइन के अंदर अभी उपलब्ध नहीं है, हालाँकि यह रोडमैप पर है। यदि आप
00:08:06ट्वीक्स को पॉप अप करना चाहते हैं, तो आपको ओपन डिज़ाइन को सीधे प्रॉम्प्ट करना होगा और कहना होगा कि "हे, क्या आप
00:08:13एक ट्वीक्स पैनल बना सकते हैं जहाँ मैं चीज़ों के साथ खुद बहुत जल्दी बदलाव कर सकूँ, बस जैसे कि आप जानते हैं,
00:08:18इसे फिर से चालू और बंद करके, जो कि हूवाशू के साथ हम जो करते हैं उसके बहुत समान है। तो ओपन डिज़ाइन थोड़ा धीमा है,
00:08:24इसमें क्वालिटी ऑफ़ लाइफ़ वाली कुछ चीज़ें नहीं हैं, लेकिन इसके अलावा यह क्लॉ
00:08:30डिज़ाइन के बहुत करीब है। अब बात करते हैं कि क्या आप अपना खुद का डिज़ाइन सिस्टम उपयोग करना चाहते हैं क्योंकि यह उन
00:08:35चीज़ों में से एक है जिस पर हमें थोड़ा काम करना पड़ता है। तो अगर मैं एक स्लाइड डेक बनाना चाहता था जो
00:08:40मेरे 'एजेंटिक डैशबोर्ड OS' डिज़ाइन सिस्टम का उपयोग कर रहा हो और संदर्भ के लिए, मैं इसी तरह की चीज़
00:08:46के बारे में बात कर रहा हूँ, यह उस तरह का विजुअल लुक है जिसे मैं क्लॉ डिज़ाइन के अंदर ही पाना चाहता हूँ, मेरे पास
00:08:51इसके लिए एक डिज़ाइन सिस्टम है, अगर मैं ओपन डिज़ाइन के अंदर उस तरह की चीज़ को फिर से बनाना चाहता हूँ तो मैं कैसे करूँ, मैं
00:08:56ऐसा कैसे कर सकता हूँ? और फिर से, यह ज़रूरी नहीं कि मेरा डैशबोर्ड ही हो, मान लीजिए कि आपके पास एक वेबसाइट थी, आपके पास अपनी खुद की एसेट्स थीं,
00:09:01टाइपोग्राफी या जो भी हो जिसे आप यहाँ फिर से बनाना चाहते थे, खैर, यहाँ कुछ भी सीधा
00:09:08नहीं है जैसे कि मैं डिज़ाइन सिस्टम में जाकर उसे बना सकूँ, ऐसा करने के लिए कोई बटन ही नहीं है।
00:09:14तो इसके बजाय आपको जो करना होगा वह यह है कि आप क्लॉ डिज़ाइन ज़िप इम्पोर्ट करना चाहेंगे। तो अगर
00:09:20मैंने क्लॉ डिज़ाइन के अंदर यह डिज़ाइन सिस्टम पहले ही बना लिया है, तो मैं क्या कर सकता हूँ कि मैं उस डिज़ाइन
00:09:25सिस्टम पर जा सकता हूँ, जहाँ मैं अभी हूँ, मैं शेयर पर जाता हूँ और फिर 'डाउनलोड प्रोजेक्ट एज़ डॉट ज़िप' पर जाता हूँ।
00:09:32फिर मैं ओपन डिज़ाइन के अंदर जा सकता हूँ, उस डिज़ाइन सिस्टम ज़िप को चुन सकता हूँ और उसे अपलोड कर सकता हूँ और आप
00:09:39यहाँ वे सभी डिज़ाइन फ़ाइलें देख सकते हैं जो अभी अपलोड की गई हैं। अब अगर आप ऐसी ही किसी चीज़
00:09:45की कोशिश कर रहे थे और आपने इसे क्लॉ डिज़ाइन के अंदर डिज़ाइन सिस्टम में नहीं बदला है, तो मेरा सुझाव है
00:09:51कि आप ऐसा करें, यह सबसे सरल तरीका होगा या आप अनिवार्य रूप से कोडेक्स या
00:09:55क्लॉड कोड के अंदर खुद डिज़ाइन सिस्टम सेटअप को फिर से बना सकते हैं। फिर से यह थोड़ा मुश्किल है, जो कि ओपन डिज़ाइन के नुकसानों में से एक
00:10:00है और यहाँ मुझे लगता है कि हूवाशा डिज़ाइन इसे थोड़ा आसान बनाता है क्योंकि
00:10:04जब हम ग्राफ़िक इंटरफ़ेस के बजाय टर्मिनल के अंदर यह कर रहे होते हैं तो मैं बस
00:10:08टर्मिनल के अंदर, क्लॉड कोड के अंदर कह सकता हूँ कि "हे, उस डायरेक्टरी को देखो, उसमें जो कुछ भी है उसे देखो,
00:10:14ठीक है अब उस स्टाइल में इस स्लाइड डेक को फिर से बनाओ"। तो आप जानते हैं, UI का उपयोग करने के लिए मजबूर
00:10:20होने का एक नुकसान यह है। तो अब मैंने प्रॉम्प्ट में कहा कि मेरे नकली SaaS उत्पाद
00:10:25लाइटहाउस के बारे में बात करते हुए एक स्लाइड डेक बनाएँ, यह छोटी टीमों के लिए एनालिटिक चीज़ें हैं, मुझसे जो भी सवाल पूछने हों पूछें।
00:10:29तो हम थोड़ा ज़ूम इन करेंगे ताकि आप इसे थोड़ा बेहतर देख सकें, लेकिन यहाँ वे सवाल हैं जो इसके पास मेरे लिए हैं:
00:10:34स्टैक किसके लिए है? मान लीजिए कि यह उत्पाद लॉन्च के लिए है, कमरे में कौन है? हम कहेंगे प्रोडक्ट वाले लोग,
00:10:44कितनी स्लाइड्स? हम इसे छोटा रखेंगे, फिडेलिटी? मुझे हाई फिडेलिटी चाहिए, स्पीकर नोट्स? नहीं,
00:10:51विजुअल टोन्स? ब्रूटलिस्ट करें, एजेंटिक OS डिज़ाइन सिस्टम का उपयोग करें और फिर हम इसे तय करने देंगे,
00:11:00स्टोरी बीट्स और हम जवाब भेज देंगे। और सामान्य क्लॉड कोड टाइप ब्रेकडाउन की तरह ही यह
00:11:04आपको एक टू-डू लिस्ट देगा और फिर धीरे-धीरे उस पर काम करना शुरू करेगा और यहाँ बताया गया है कि इसने अंत में
00:11:08हमें पहली स्लाइड के लिए क्या दिया, जो काफी अच्छी दिखती है, मुझे लगता है कि यह निश्चित रूप से उस डिज़ाइन सिस्टम के अनुसार
00:11:13ब्रांड पर है जो हमने इसे दिया था। हालाँकि जैसा कि आप देख सकते हैं कि मेरे पास वास्तव में उनके बीच स्वैप करने की
00:11:20कोई क्षमता नहीं है, या तो ऐसा है या फिर इसने उन सबको एक जैसा बना दिया है। तो मैंने ओपन डिज़ाइन से कहा कि मुझे केवल पहली
00:11:25स्लाइड दिख रही है, यह किसी के बीच भी स्वैप नहीं कर रहा है, तो देखते हैं कि क्या यह इसे ठीक करने में सक्षम है। तो यहाँ
00:11:29वह स्लाइड डेक है जो ओपन डिज़ाइन ने हमें दिया और मैंने इसे पावरपॉइंट में भी एक्सपोर्ट किया ताकि आप
00:11:34देख सकें कि वह एक्सपोर्ट प्रक्रिया कैसी दिखती है क्योंकि चीज़ें अक्सर क्लॉड डिज़ाइन और
00:11:39ओपन डिज़ाइन के अंदर तो अच्छी दिखती हैं और फिर जब आप इसे पावरपॉइंट में ले जाते हैं तो कुछ चीज़ें थोड़ी अलग हो सकती हैं।
00:11:43पहली स्लाइड अच्छी लग रही है, दूसरी स्लाइड ठीक है, हम देख सकते हैं कि यह थोड़ा... आप शायद
00:11:52नंबरों के साथ इसे थोड़ा ठीक कर सकते हैं। स्लाइड तीन, ठीक है यह थोड़ा अलग है, हमें इस बात को बदलने की ज़रूरत है कि यह
00:11:58कैसे अलग किया गया है और उनके बीच की स्पेसिंग को ठीक करना होगा। स्लाइड चार अच्छी लग रही है,
00:12:04यह अच्छा लग रहा है। स्लाइड छह, फिर से हमें शायद इसे थोड़ा ऊपर ले जाना चाहिए। फिर स्लाइड सात में हमारे पास
00:12:13फिर से फ़ॉर्मेटिंग की कुछ समस्याएँ हैं, इसे बॉक्स के अंदर रखना होगा लेकिन मैं इसे
00:12:1890% समाधान मानूँगा, इसे ठीक करने में आपको क्या लगेगा, पाँच मिनट? और यह उस डिज़ाइन
00:12:24सिस्टम से मेल खाता है जिसके लिए हम गए थे। लेकिन मुझे लगता है कि आप देख पा रहे हैं कि जैसे ही हमने यह स्लाइड डेक बनाया, यह
00:12:29क्लॉ डिज़ाइन जैसे अधिक फिनिश वाले प्रोजेक्ट की तुलना में थोड़ा कच्चा है और
00:12:33इसकी उम्मीद की ही जा सकती है, ओपन डिज़ाइन सचमुच इसी हफ़्ते आया है, इसलिए उम्मीद है कि यह कुछ ऐसा है जिस पर वे
00:12:37लगातार काम करते रहेंगे और इसे बेहतर बनाएँगे। लेकिन कुल मिलाकर अभी जो निकला है और
00:12:42यह इसका लगभग पहला संस्करण होने के नाते, मुझे लगता है कि ओपन डिज़ाइन एक बहुत ही ठोस टूल है यदि आप
00:12:48कोई ऐसे व्यक्ति हैं जो क्लॉ डिज़ाइन का उपयोग करना चाहते हैं और इस सब को करने के लिए किसी तरह का ग्राफ़िक इंटरफ़ेस चाहते हैं और आप
00:12:54इस्तेमाल की सीमा से परेशान हो रहे हैं। यदि आपको ग्राफ़िक इंटरफ़ेस की आवश्यकता नहीं है लेकिन आपको क्लॉ
00:13:00डिजाइन का आधार और यह कैसे काम करता है पसंद है, तो मुझे लगता है कि हू वाशू डिजाइन शायद अभी भी थोड़ा बेहतर है, यह तेज़ है
00:13:05और क्योंकि मैं टर्मिनल के अंदर हूँ, मुझे लगता है कि यह थोड़ा अधिक लचीला है। लेकिन अगर आप ऐसे व्यक्ति हैं जो
00:13:10सोचते हैं कि "मुझे इस तरह के इंटरफ़ेस की ज़रूरत है", तो मुझे लगता है कि यह क्लॉ
00:13:15डिज़ाइन का एक ठोस विकल्प है क्योंकि मेरा मतलब है कि मुझे क्लॉ डिज़ाइन पसंद है, मुझे गलत मत समझिए, बस इसके इस्तेमाल की शर्तें बहुत बेतुकी हैं।
00:13:21लेकिन फिर से जैसा कि मैंने पहले कहा था, मुझे उम्मीद है कि कल ऐसे 1 करोड़ टूल्स आएँगे और इस तरह से
00:13:26एंथ्रोपिक पर दबाव बनेगा कि वे इस्तेमाल की इस समस्या को ठीक करें, क्योंकि यह वाकई हास्यास्पद है।
00:13:31तो यहीं पर मैं आपको छोड़ूँगा, मुझे लगता है कि यह एक बहुत ही शानदार टूल है, इसे खुद ज़रूर आज़माएँ,
00:13:34सेटअप करना आसान है और यह किस तरह के कोडिंग एजेंटों के साथ काम करता है, इसके मामले में बहुत लचीला है। तो मुझे
00:13:40कमेंट में बताएँ कि आपको इसके बारे में क्या लगा, अगर आप मास्टरक्लास को
00:13:43देखना चाहते हैं तो चेस AI प्लस को ज़रूर देखें और फिर मिलते हैं।

Key Takeaway

Open Design, Claude Design की उपयोग सीमाओं से बचने के लिए एक स्वतंत्र ग्राफ़िक इंटरफ़ेस प्रदान करता है जो मौजूदा कोडिंग एजेंटों के साथ मिलकर हाई-फिडेलिटी स्लाइड डेक और लैंडिंग पेज बनाता है।

Highlights

  • Open Design, Claude Design का एक ओपन-सोर्स विकल्प है जो टर्मिनल के बजाय एक ग्राफ़िक यूज़र इंटरफ़ेस (GUI) प्रदान करता है।

  • यह टूल Huwanshu Design, Guzeng PowerPoint Skill और Open Code Design जैसे मौजूदा रेपो का एक संगम है।

  • इसमें 31 कौशल और 72 ब्रेन ग्रेड डिज़ाइन सिस्टम पहले से ही बने हुए हैं जो एयरबीएनबी जैसी साइटों के डिज़ाइन स्टाइल की नकल कर सकते हैं।

  • Open Design का उपयोग Claude Code, Codex और Gemini जैसे विभिन्न AI एजेंटों और API के साथ किया जा सकता है।

  • Claude Design की .zip फ़ाइलों को सीधे Open Design में इम्पोर्ट करके मौजूदा डिज़ाइन सिस्टम को फिर से बनाया जा सकता है।

Timeline

Open Design का परिचय और मुख्य विशेषताएँ

  • Open Design अपने पूर्ववर्ती Huwanshu Design के विपरीत एक वास्तविक ग्राफ़िक इंटरफ़ेस के साथ आता है।
  • यह एंथ्रोपिक के Claude Design के उपयोग पर लगी सीमाओं और कड़े प्रतिबंधों का एक ओपन-सोर्स समाधान है।
  • यह स्वचालित रूप से सिस्टम पर मौजूद कोडिंग एजेंटों की पहचान करता है और उनके साथ एकीकृत हो जाता है।

Huwanshu Design एक शक्तिशाली टूल था लेकिन यह केवल टर्मिनल तक सीमित था। Open Design उसी तकनीक पर एक ग्राफ़िक लेयर जोड़ता है ताकि सामान्य यूज़र्स के लिए बातचीत करना आसान हो सके। यह लचीलापन देता है कि यूज़र अपनी स्वयं की API की जोड़ सकें या विभिन्न मॉडलों का उपयोग कर सकें।

इंस्टॉलेशन प्रक्रिया और मीडिया एकीकरण

  • इंस्टॉलेशन GitHub रेपो को क्लोन करके या Claude Code के माध्यम से डायरेक्टरी कमांड देकर किया जा सकता है।
  • यूज़र लोकल CLI कॉन्फ़िगरेशन चुनकर अतिरिक्त API शुल्क देने से बच सकते हैं।
  • वीडियो और इमेज जनरेशन के लिए MiniMax, OpenAI और 11 Labs जैसे मीडिया प्रदाताओं को जोड़ना संभव है।

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

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

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

वेबसाइट के घटकों को विजुअल थीम और माहौल के आधार पर अलग किया गया है ताकि यूज़र एक समान स्टाइल की वेबसाइट बना सकें। हालांकि उदाहरण प्रभावशाली दिखते हैं लेकिन वे सरल एक-लाइन प्रॉम्प्ट पर आधारित हैं। यूज़र इन उदाहरणों पर क्लिक करके उन्हें अपने प्रोजेक्ट में शामिल कर सकते हैं।

प्रोटोटाइप निर्माण और Claude Design से तुलना

  • प्रोजेक्ट शुरू करते समय वायरफ़्रेम या हाई-फिडेलिटी के बीच चयन करने का विकल्प मिलता है।
  • समान प्रॉम्प्ट देने पर Open Design के परिणाम Claude Design के विजुअल लुक और फोंट से काफी मिलते-जुलते हैं।
  • Open Design की गति Claude Design की तुलना में लगभग 50% धीमी है।

समान लैंडिंग पेज बनाने के परीक्षण में Open Design को लगभग 10 मिनट लगे जबकि Claude Design ने वही काम 5 मिनट में किया। यह एक प्रश्न-उत्तर संक्षिप्त प्रक्रिया (Q&A brief) का पालन करता है जैसा कि मूल उत्पाद में देखा जाता है। वर्तमान में इसमें 'Common Edit' और 'Draw' जैसे कुछ क्वालिटी-ऑफ़-लाइफ़ फीचर्स की कमी है।

कस्टम डिज़ाइन सिस्टम इम्पोर्ट और एक्सपोर्ट

  • Claude Design से .zip फ़ाइल डाउनलोड करके उसे सीधे Open Design में अपलोड किया जा सकता है।
  • स्लाइड डेक जनरेशन के बाद उन्हें सीधे PowerPoint (.pptx) फ़ॉर्मेट में एक्सपोर्ट किया जा सकता है।
  • एक्सपोर्ट की गई फ़ाइलों में 90% फ़ॉर्मेटिंग सही रहती है लेकिन मामूली स्पेसिंग सुधार की आवश्यकता हो सकती है।

सीधे UI के भीतर नया डिज़ाइन सिस्टम बनाने का कोई बटन नहीं है इसलिए .zip इम्पोर्ट सबसे प्रभावी तरीका है। स्लाइड डेक बनाते समय यह यूज़र से टोन, स्लाइड की संख्या और विजुअल स्टाइल के बारे में विस्तृत सवाल पूछता है। हालांकि यह अभी शुरुआती चरण में है लेकिन यह उन लोगों के लिए एक ठोस विकल्प है जो Claude की उपयोग सीमाओं से परेशान हैं।

Community Posts

View all posts