00:00:00YCombinator के CEO ने Claude के कोड के लिए अपना खुद का टूलकिट बनाया है जिसका नाम GStack है,
00:00:06सात दिनों में लगभग सौ PRs को निपटाने का उनका रहस्य, जिसमें नौ विशेष वर्कफ़्लो शामिल हैं,
00:00:13Playwright का उपयोग करके एक हेडलेस ब्राउज़िंग मोड, Greptile इंटीग्रेशन, एक डिफ-अवेयर QA और बहुत
00:00:18कुछ और भी।
00:00:19लेकिन कोड के भविष्य के बारे में गैरी के हालिया ट्वीट ने बहुत सारे डेवलपर्स को काफी
00:00:24नाराज़ कर दिया है।
00:00:25तो GStack के भविष्य के लिए इसका क्या मतलब है?
00:00:28सब्सक्राइब करें और आइए पता लगाते हैं।
00:00:33गैरी टैन 2023 से YCombinator के CEO हैं और उससे पहले उन्होंने 2011 में एक वेंचर
00:00:39कैपिटलिस्ट फर्म की सह-स्थापना की थी।
00:00:42इसलिए उनके पास पिचों को देखने और यह पता लगाने का काफी अनुभव है कि
00:00:46किसी नई तकनीक को क्या चीज़ खास बनाती है।
00:00:49और उन्होंने वह सारा ज्ञान अपने Claude's code टूलकिट में डाल दिया है, जिसे आप
00:00:53उनके द्वारा अपने कई वर्कफ़्लो को दिए गए नामों को देखकर समझ सकते हैं।
00:00:57वास्तव में, आइए GStack को आज़माकर देखते हैं।
00:00:59तो GStack के काम करने के लिए, आपको Claude code के साथ-साथ BUN इंस्टॉल करना होगा, लेकिन एक बार
00:01:03जब आप इसे इस सटीक टेक्स्ट के साथ प्रॉम्प्ट करके या सिर्फ स्किल्स डाउनलोड करके
00:01:08Claude code पर ठीक से इंस्टॉल कर लेते हैं, तो यह जानकारी आपकी Claude MD फ़ाइल में जुड़ जानी चाहिए।
00:01:12मेरी फ़ाइल खाली थी।
00:01:13इसलिए यहाँ सिर्फ यही चीज़ है, लेकिन अगर आपके पास कुछ टेक्स्ट है, तो यह
00:01:17उसमें जुड़ जाएगा।
00:01:18यह सभी प्रासंगिक स्किल्स को स्किल्स डायरेक्टरी में भी डाल देता है यदि आप इसे अपने
00:01:21टीम के साथियों के साथ साझा करना चाहते हैं और फिर उपयुक्त ब्राउज़र के साथ Playwright इंस्टॉल करता है।
00:01:25अब मैं इस React Vite एप्लिकेशन में एक फीचर जोड़ने के लिए GStack का उपयोग करने जा रहा हूँ ताकि
00:01:30यूज़र को एक विशिष्ट URL वाले ट्वीट की इमेज डाउनलोड करने की सुविधा मिल सके।
00:01:34अब आपने शायद मुझे पिछले वीडियो में यह फीचर जोड़ते हुए देखा होगा।
00:01:37अगर आप देखना चाहते हैं कि इसके नतीजे क्या थे, तो मैं इसका लिंक डिस्क्रिप्शन में दे दूँगा, लेकिन
00:01:41हम देखेंगे कि क्या GStack उससे बेहतर कर सकता है।
00:01:44तो पहले मुझे प्लान मोड में शुरू करना होगा, फिर "plan CEO review" स्किल का उपयोग करना होगा और GStack को
00:01:49फीचर के बारे में कुछ जानकारी देनी होगी।
00:01:51अब मैं कहने जा रहा हूँ कि एक ऐसा फीचर जोड़ें जो यूज़र द्वारा दिए गए URL से
00:01:56ट्वीट का स्क्रीनशॉट ले।
00:01:57मैं यह भी चाहता हूँ कि यूज़र इमेज को कस्टमाइज़ और डाउनलोड कर सके और मैं चाहता हूँ कि Claude मौजूदा
00:02:02लेआउट और स्टाइल का सम्मान करे।
00:02:03तो एंटर दबाने के बाद, GStack पहले चेक करता है कि क्या उस स्किल में कोई अपडेट है और फिर
00:02:08आगे बढ़ने से पहले गिट लॉग चेक करता है।
00:02:10अब यह मोड एक फाउंडर/CEO के नज़रिए से समस्या पर फिर से विचार करता है और
00:02:16हम जो बनाने की कोशिश कर रहे हैं उसके सबसे अच्छे संस्करण के बारे में सोचने की कोशिश करता है और
00:02:20स्कोप और वैल्यू के बारे में मान्यताओं को चुनौती देता है।
00:02:21एक बार जब यह हो जाता है, तो यह हमें यह चुनने की अनुमति देता है कि हम मूल
00:02:26स्कोप को कितना चुनौती देना चाहते हैं।
00:02:27और यहाँ मैं स्कोप एक्सपेंशन के साथ जाने वाला हूँ क्योंकि इसमें सबसे ज़्यादा फीचर्स हैं।
00:02:30फिर यह हमें एक महत्वपूर्ण आर्किटेक्चरल निर्णय लेने देता है।
00:02:33मैं रिकमेंडेड विकल्प के साथ जाऊँगा क्योंकि यह सबसे आसान है।
00:02:36और फिर यह कुछ और सवाल पूछता है, जिनके लिए फिर से, मैं रिकमेंडेड
00:02:39दृष्टिकोण के साथ जाऊँगा।
00:02:40और अब जब यह समाप्त हो गया है, तो इसने एक मेगा प्लान तैयार किया है जो चुने हुए स्कोप मोड
00:02:44और उस स्कोप में मौजूद हर काम को दिखाता है।
00:02:47और इसने कुछ ऐसी चीज़ें भी लिखी हैं जो इस फीचर के स्कोप में नहीं हैं।
00:02:50और फिर नीचे हमारे पास इम्प्लीमेंटेशन प्लान है, जिसमें आर्किटेक्चर डायग्राम, मुख्य
00:02:55निर्णय और अलग-अलग चरण हैं।
00:02:57यह एक अविश्वसनीय रूप से विस्तृत योजना है जो वैसी ही है जैसा मुझे सुपरपावर से मिलता
00:03:01अगर मैं उसी रास्ते से जाता।
00:03:02ध्यान दें, GStack में एक "plan engineering review" स्किल भी है, जो Claude को एक
00:03:07इंजीनियरिंग मैनेजर या टेक लीड में बदल देता है ताकि आर्किटेक्चरल डायग्राम बनाया जा सके, टेक
00:03:12स्टैक को लॉक किया जा सके, एज केसेस को परिभाषित किया जा सके और इसी तरह।
00:03:15लेकिन ऐसा लगता है कि "plan CEO review" स्किल ने आगे बढ़कर इनमें से कुछ काम पहले ही कर दिए हैं।
00:03:20तो हम सीधे इम्प्लीमेंटेशन पर जा रहे हैं।
00:03:22और अब जब यह हो गया है, तो हम मिसिंग एज केसेस की समीक्षा करने के लिए रिव्यू स्लैश कमांड चला सकते हैं,
00:03:27उन बग्स को ढूँढ सकते हैं जो CI को पास कर गए होते और मूल रूप से प्रोडक्शन में जाने से पहले किसी भी समस्या को पकड़ सकते हैं।
00:03:32तो फिर से, यह स्क्रिप्ट के अंदर नए अपडेट की जाँच करता है, डिफ को चेक करता है।
00:03:36और अब यह हमें सारांश देने से पहले टास्क की पूर्णता की जाँच कर रहा है कि
00:03:40कोई समस्या नहीं मिली है।
00:03:41और अब हम शिप स्लैश कमांड चला सकते हैं, जो मेन ब्रांच के साथ सिंक करता है, टेस्ट
00:03:46चलाता है और यदि कोई grep tile रिव्यू हैं तो उन्हें हल करता है।
00:03:49और यहाँ हम देख सकते हैं कि इसने मेरे कहे बिना ही एक पुल रिक्वेस्ट बना दी है।
00:03:54और फिर इस स्तर पर हम QA स्लैश कमांड चला सकते हैं, जो केवल उन बदलावों का परीक्षण करेगा जो हमने
00:03:58डिफ के आधार पर किए हैं।
00:03:59और यहाँ हम देख सकते हैं कि इसने सर्वर को लोकली शुरू कर दिया है, और यह वेबसाइट के माध्यम से उन
00:04:05फीचर्स का परीक्षण कर रहा है जिन्हें अभी स्क्रीनशॉट और बहुत कुछ का उपयोग करके लागू किया गया है।
00:04:09इसे स्क्रीनशॉट से कुछ 500 एरर मिले हैं और JSON पास के साथ एक बग मिला है, जिसे
00:04:15ऐसा लगता है कि इसने ठीक कर दिया है।
00:04:16ये रहा।
00:04:17इसने फिक्स को सत्यापित करके पुश कर दिया है।
00:04:20और अब इसने उन समस्याओं के साथ एक अंतिम रिपोर्ट लिखी है जिन्हें इसने हल किया है।
00:04:24यह बहुत शानदार है।
00:04:25ठीक है।
00:04:26तो अब यह हो गया है।
00:04:27आइए आगे बढ़ें और फीचर को आज़माएँ।
00:04:28और अब हमारे पास एक स्क्रीनशॉट पेज है।
00:04:30आइए टाना से एक ट्वीट लेते हैं।
00:04:32तो यह वाला, और मैं उसे यहाँ पेस्ट कर दूँगा।
00:04:34यह सबसे रोमांचक ट्वीट नहीं है, लेकिन यह सिर्फ यह टेस्ट करने के लिए है कि यह काम करता है या नहीं।
00:04:37और वाह, ठीक है, यह बेहद प्रभावशाली है।
00:04:40हमारे पास यहाँ ट्वीट है।
00:04:42हम लाइट्स के बीच चुनाव कर सकते हैं और यह फिर से कैप्चर कर रहा है।
00:04:44ओह, वाह।
00:04:45ठीक है।
00:04:46तो हमारे पास लाइट और डार्क मोड है।
00:04:47हम देखेंगे कि क्या इसने उसे कैश किया है।
00:04:49और इसने किया है, बहुत बढ़िया।
00:04:51मैं एक्शन को छिपा सकता हूँ और ये रहा।
00:04:53तो मैं इमेज दिखा और छिपा सकता हूँ और मैं बैकग्राउंड बदल सकता हूँ।
00:04:58यह बहुत कूल है।
00:04:59तो आपके पास LinkedIn है, हमारे पास Twitter, ब्लॉग, ग्रेडिएंट पर्पल है, और हम इसे कस्टमाइज़ भी
00:05:03कर सकते हैं या ग्रेडिएंट का एंगल बदल सकते हैं।
00:05:07वाह।
00:05:08यह सुपर फुली-फलेज़्ड है और हम आस्पेक्ट रेश्यो भी बदल सकते हैं।
00:05:11तो हमारे पास नौ बाई सोलह, सोलह बाई नौ, एक बाई एक और इसी तरह के विकल्प हैं।
00:05:16आइए अब वास्तव में इमेज डाउनलोड करते हैं।
00:05:18और ये रहा।
00:05:19अगर मैं अब इस पर क्लिक करूँ, तो आपने मेरे सभी टैब देख लिए हैं।
00:05:22हमारे पास यहाँ इमेज है।
00:05:23मैं इसे खोलने जा रहा हूँ और प्रिव्यू करूँगा।
00:05:24और यह वही है।
00:05:25यह वह इमेज है जिसे मैंने अभी उस फीचर के साथ लिया है जिसे मैंने GStack के साथ बनाया है, जो अविश्वसनीय
00:05:29रूप से प्रभावशाली है, लेकिन इसमें और भी बहुत कुछ है जो हम कर सकते हैं क्योंकि अगर हम PR पर वापस जाएँ, तो हम देख सकते हैं कि
00:05:34Greptile के पास एक सारांश है, तो इसे सर्वर से कुछ रिसोर्स एग्जॉशन, रेस कंडीशन,
00:05:40कोई कैश एक्सपायरी नहीं, इत्यादि मिले हैं।
00:05:42और इसके बजाय कि मैं Claude को समस्याओं को देखने और उन्हें हल करने के लिए कहूँ, हम बस
00:05:47रिव्यू स्लैश कमांड चलाएँगे।
00:05:49इसने सभी कमेंट्स ढूँढ लिए हैं।
00:05:50इसने मुझे उन्हें ठीक करने के लिए नीचे कुछ विकल्प दिए हैं, जिन्हें मैं देखूँगा।
00:05:53और अब इसने सभी समस्याओं को ठीक कर दिया है।
00:05:55खैर, एक फॉल्स पॉजिटिव को छोड़कर बाकी सब ठीक है और कोड पुश कर दिया है, Greptile खुश लग रहा है।
00:06:00एक व्यक्ति के रूप में जो नियमित रूप से सुपरपावर का उपयोग करता है, मैं पहले से ही GStack का लाभ देख सकता हूँ, भले ही
00:06:05इसके कुछ पहलू काफी जटिल हों।
00:06:08लेकिन ट्विटर पर गैरी की उस टिप्पणी के बारे में क्या कि मार्कडाउन नया कोड है?
00:06:13खैर, मैं समझ सकता हूँ कि वह क्या कहना चाह रहे हैं।
00:06:15मुझे नहीं लगता कि वह यह कह रहे हैं कि कंप्यूटर साइंस डिग्री वाले किसी व्यक्ति ने अपना समय बर्बाद किया है सिर्फ
00:06:20इसलिए क्योंकि आप मार्कडाउन लिख सकते हैं और यह कोड लिख देगा।
00:06:22मुझे लगता है कि इसका संबंध निर्देशों से अधिक है क्योंकि नए मॉडल मार्कडाउन निर्देशों का पालन करने में
00:06:27बेहतर होते जा रहे हैं, पहले एक समय था जब मुझे सिर्फ यह सुनिश्चित करने के लिए
00:06:32एक Claude code हुक की आवश्यकता होती थी कि वह इंस्टॉल करने के लिए NPM के बजाय Bun का उपयोग करे।
00:06:36लेकिन अब मैं इसे Claude MD में डाल सकता हूँ और Opus जैसे अच्छे मॉडल के साथ, यह 90
00:06:42से 95% समय बात मानता है।
00:06:44तो मुझे लगता है कि वह जो कहने की कोशिश कर रहे हैं वह यह है कि यदि आपके पास पर्याप्त विस्तृत और सुव्यवस्थित
00:06:49मार्कडाउन फ़ाइल है, तो मॉडल उन निर्देशों के आधार पर एक अच्छा सॉफ्टवेयर बना सकता है।
00:06:55लेकिन इसका मतलब यह नहीं है कि GStack केवल मार्कडाउन निर्देशों का एक समूह है।
00:06:59प्रत्येक स्किल की अपनी डायरेक्टरी होती है, यहाँ तक कि GStack को अपग्रेड करने की क्षमता भी।
00:07:03और अगर हम ब्राउज़ स्किल पर ध्यान केंद्रित करें, तो हम देख सकते हैं कि वहाँ एक टेम्प्लेट फ़ाइल और वास्तविक
00:07:08स्किल फ़ाइल है।
00:07:09और इसका Go टेम्प्लेट्स से कोई लेना-देना नहीं है, चाहे GitHub पेज कुछ भी कहे।
00:07:14यह जिस तरह से काम करता है वह यह है कि अगर हम स्क्रिप्ट्स पर जाते हैं और फिर genskill पर जाते हैं, तो टाइपस्क्रिप्ट फ़ाइल
00:07:20टेम्प्लेट फ़ाइलों को पढ़ेगी और उनके अंदर के किसी भी प्लेसहोल्डर को वास्तविक मार्कडाउन से बदल देगी।
00:07:26लेकिन मैं प्रत्येक स्किल पर व्यक्तिगत रूप से ध्यान केंद्रित नहीं करने जा रहा हूँ क्योंकि वे काफी विस्तृत हैं।
00:07:30लेकिन मैं जिस चीज़ पर ध्यान केंद्रित करूँगा वह यह है कि ब्राउज़ स्किल में सिर्फ एक स्किल MD फ़ाइल से ज़्यादा कुछ है क्योंकि
00:07:35हमारे पास यहाँ एक टेस्ट डायरेक्टरी है और हमारे पास सोर्स डायरेक्टरी भी है जिसमें ब्राउज़र प्रबंधन
00:07:40इत्यादि के लिए वास्तविक इम्प्लीमेंटेशन है।
00:07:42तो हम पहले से ही देख सकते हैं कि यहाँ कमांड काफी विस्तृत हैं।
00:07:46लेकिन अगर हम चेंजलॉग पर नज़र डालें, तो यह एंड-टू-एंड ऑब्जर्वेबिलिटी, इंक्रीमेंटल इवल सेव
00:07:49जैसे कुछ बहुत ही दिलचस्प फीचर्स दिखाता है, जिसका उपयोग ऐप विकसित करने के लिए किया जाता है।
00:07:55यह टू-डू फॉर्मेट में समीक्षाओं को साझा करता है।
00:07:56यह स्क्रीनशॉट एलिमेंट और रीजन क्लिपिंग को सपोर्ट करता है, साथ ही उन सभी इंटीग्रेशन का तो ज़िक्र ही नहीं
00:07:58जो इसका Greptile के साथ है और यह तथ्य कि इसे Conductor को ध्यान में रखकर बनाया गया था।
00:08:03तो मिलियन डॉलर का सवाल यह है कि, क्या मैं व्यक्तिगत रूप से GStack का उपयोग करूँगा?
00:08:07और मैं कहूँगा कि वास्तव में मैं इसे 30 दिनों के लिए आज़माने जा रहा हूँ।
00:08:11तो मैं सुपरपावर प्लगइन को डिलीट करने जा रहा हूँ और फीचर्स तैयार करने
00:08:15और बग्स को ठीक करने के लिए GStack को अपना मुख्य कोड टूल बनाऊँगा और देखूँगा कि यह कैसा रहता है।
00:08:21कौन जानता है?
00:08:23मैं शायद अगले Vercel ओपन सोर्स टूल का क्लोन बना लूँ और ट्विटर पर कुछ और बहस शुरू कर दूँ।
00:08:24मैं शायद अगले Vercel ओपन सोर्स टूल का क्लोन बना लूँ और ट्विटर पर कुछ और बहस शुरू कर दूँ।