00:00:00अगर आप वेब एप्लिकेशन बनाने के लिए Claw code का इस्तेमाल कर रहे हैं, तो आपको GSD ज़रूर देखना चाहिए,
00:00:04जो एक ओपन-सोर्स, स्पेक-ड्रिवन डेवलपमेंट फ्रेमवर्क है जो प्रोजेक्ट्स को पूरा करने के लिए
00:00:08अलग-अलग सब-एजेंट्स को व्यवस्थित करने में माहिर है।
00:00:12अब, उन पारंपरिक स्पेक-ड्रिवन डेवलपमेंट फ्रेमवर्क के उलट जो हमने अपने चैनल पर देखे हैं,
00:00:15जैसे कि Beemap Method, SpecKits, Taskmaster और कई अन्य, सभी पारंपरिक फ्रेमवर्क्स को
00:00:20एक सख्त नियम का पालन करना पड़ता है जहाँ सब कुछ एक ही कॉन्टेक्स्ट विंडो में होना चाहिए।
00:00:24उदाहरण के लिए, प्लानिंग, रिसर्च, डेवलपमेंट, वेरिफिकेशन,
00:00:29इन सबको एक ही कॉन्टेक्स्ट विंडो में करने की ज़रूरत होती है। लेकिन इससे एक बड़ी समस्या आती है,
00:00:33जिसे कॉन्टेक्स्ट ब्लॉट कहते हैं, यानी एक ही विंडो में जितना ज़्यादा टोकन खर्च होगा, उतनी ही सटीकता कम होगी।
00:00:38और इसका समाधान सब-एजेंट्स का उपयोग करना है ताकि प्लानिंग, रिसर्च, डेवलपमेंट और वेरिफिकेशन के काम
00:00:42अलग-अलग सब-एजेंट्स को सौंपे जा सकें,
00:00:47जहाँ हर सब-एजेंट के पास काम पूरा करने के लिए अपना नया कॉन्टेक्स्ट होगा।
00:00:51और यहाँ GSD एक ऑर्केस्ट्रेटर की भूमिका निभाएगा जो इन सब-एजेंट्स को निर्देशित करेगा,
00:00:55ताकि एक कच्चे विचार को कदम-दर-कदम प्रोडक्शन-रेडी एप्लीकेशन में बदला जा सके।
00:01:00इसका मतलब है कि हम टोकन ज़्यादा खर्च करेंगे, लेकिन हमें जो सटीकता मिलेगी
00:01:04वो एक ही कॉन्टेक्स्ट में सब कुछ करने के मुकाबले काफी ज़्यादा होगी।
00:01:07इसलिए इस वीडियो में, मैं आपको दिखाऊँगा कि आप अपने Claw code पर GSD फ्रेमवर्क कैसे सेटअप कर सकते हैं।
00:01:11मैं दिखाऊँगा कि कैसे आप एक आईडिया लेकर उसे अपने मौजूदा या नए एप्लीकेशन पर बना सकते हैं,
00:01:15और इसके रिसर्च और प्लानर एजेंट्स की मदद से अपने आईडिया को आकार दे सकते हैं।
00:01:19एक बार आईडिया तैयार हो जाने पर, हम इम्प्लीमेंटेशन की ओर बढ़ सकते हैं
00:01:23जहाँ हमारे पास एक साथ चलने वाले पैरेलल एजेंट्स के साथ काम करने के लिए अपना एक्ज़ीक्यूटर है।
00:01:27हर एजेंट का अपना नया कॉन्टेक्स्ट विंडो होता है और वो हर पूरे किए गए काम को कमिट करता है।
00:01:32साथ ही, हर बार काम पूरा होने पर, यह एक और एजेंट तैयार करता है
00:01:37ताकि लक्ष्यों के आधार पर काम की जाँच की जा सके।
00:01:41और सबसे ज़रूरी बात, एक बार टास्क का एक चरण पूरा होने पर, मैं आपको दिखाऊँगा
00:01:45कि हम कैसे हर चरण से गुज़र सकते हैं जैसे चर्चा, योजना, निष्पादन और वेरिफिकेशन,
00:01:49जब तक कि पूरा माइलस्टोन बिना किसी मानवीय हस्तक्षेप के स्वायत्त रूप से पूरा न हो जाए।
00:01:55तो मोटे तौर पर, हम इस वीडियो में यही सब कवर करने वाले हैं। अगर आपकी इसमें रुचि है, तो चलिए शुरू करते हैं।
00:02:00ठीक है, शुरू करने से पहले नए दर्शकों के लिए एक छोटा सा परिचय, मेरा नाम एरिक है।
00:02:04मैंने Amazon, AWS और Microsoft जैसी कंपनियों में सीनियर सॉफ्टवेयर इंजीनियर के रूप में सालों बिताए हैं।
00:02:09और मैंने यह यूट्यूब चैनल एआई कोडिंग से लेकर ऑटोमेशन, वेब3 और करियर डेवलपमेंट तक
00:02:15जो कुछ भी सीखा है उसे साझा करने के लिए शुरू किया है, वो भी आसान ट्यूटोरियल्स के माध्यम से।
00:02:22तो अगर आप खुद को अपग्रेड करने के लिए तैयार हैं, तो मेरे चैनल को ज़रूर देखें और सब्सक्राइब बटन दबाएँ।
00:02:27अब वापस वीडियो पर आते हैं।
00:02:32सबसे पहले हम GSD रिपॉजिटरी पर जाएँगे। यहाँ बताया गया है कि आप इसे
00:02:36अपनी लोकल मशीन पर कैसे इंस्टॉल कर सकते हैं। मैं इस कमांड को कॉपी करूँगा,
00:02:40अपने मौजूदा प्रोजेक्ट के टर्मिनल पर वापस जाऊँगा और इसे इंस्टॉल करने के लिए यह कमांड टाइप करूँगा।
00:02:44मैं कहूँगा, हाँ, इसे इंस्टॉल करें। और यहाँ आप देख सकते हैं, हमें चुनना होगा
00:02:49कि हम Claw code इस्तेमाल करेंगे, ओपन कोड या दोनों। फिलहाल मैं सिर्फ Claw code चुन रहा हूँ।
00:02:53अब यह पूछ रहा है कि आप इसे कहाँ इंस्टॉल करना चाहते हैं? मैं इसे ग्लोबली इंस्टॉल करना चाहूँगा
00:02:57ताकि यह सभी प्रोजेक्ट्स के लिए उपलब्ध रहे। ठीक है।
00:03:02इसके बाद, आप देख सकते हैं कि GSD में एक स्टेटस लाइन है जो मॉडल का नाम, मौजूदा टास्क,
00:03:07और कॉन्टेक्स्ट विंडो के उपयोग को दिखाती है। तो क्या हमें पुरानी लाइन रखनी चाहिए या GSD वाली से बदलना चाहिए?
00:03:12वैसे मैंने अभी तक GSD वाली स्टेटस लाइन नहीं देखी है, इसलिए मैं विकल्प नंबर दो चुनूँगा।
00:03:17देखते हैं कि GSD स्टेटस लाइन कैसी दिखती है।
00:03:22मैं अपना Claw code सेशन खोलूँगा। और यहाँ आप देख सकते हैं,
00:03:26यह फिलहाल GSD की स्टेटस लाइन है। और अगर आपको यह पसंद नहीं है और आप मेरी वाली इस्तेमाल करना चाहते हैं,
00:03:31तो आप मेरा यह वीडियो देख सकते हैं जहाँ मैंने स्टेटस लाइन को कस्टमाइज़ करना सिखाया है।
00:03:37लेकिन अगर आप GSD वाली लाइन ही रखना चाहते हैं, तो आप उस विकल्प के साथ आगे बढ़ सकते हैं।
00:03:41GSD इंस्टॉल होने के बाद, हमें बस 'GSD' टाइप करना है।
00:03:46आप देख सकते हैं कि Claw code टर्मिनल में सभी कस्टम कमांड्स आ गए हैं। ठीक है।
00:03:49इंस्टॉलेशन के बाद अगला कदम प्रोजेक्ट को इनिशियलाइज़ करना है।
00:03:54अगर आप नया प्रोजेक्ट शुरू कर रहे हैं, तो 'GSD new projects' करें। लेकिन अगर प्रोजेक्ट पहले से है,
00:03:58तो हम सबसे पहले यह कमांड चलाएँगे।
00:04:02यह स्टैक, आर्किटेक्चर और कन्वेंशन का विश्लेषण करने के लिए कई सब-एजेंट्स तैयार करता है।
00:04:06फिर हम उस कमांड के ज़रिए पूरे कोडबेस को समझ सकते हैं और प्लानिंग कर सकते हैं।
00:04:10इस मामले में, मैं पहले पूरे कोडबेस को मैप करने वाला कमांड चलाऊँगा।
00:04:15यहाँ आप देख सकते हैं कि यह चार पैरेलल 'कोडबेस मैपर' एजेंट्स शुरू करेगा,
00:04:20जो टेक स्टैक, आर्किटेक्चर और कन्वेंशन जैसी चीज़ों का विश्लेषण करेंगे।
00:04:24तो चलिए थोड़ा इंतज़ार करते हैं जब तक ये एजेंट्स अपना काम पूरा नहीं कर लेते।
00:04:28अब मैपर ने पूरे कोडबेस का विश्लेषण पूरा कर लिया है।
00:04:32अब मैं अपना Claw code सेशन रीसेट करूँगा क्योंकि कॉन्टेक्स्ट विंडो लगभग आधी भर चुकी है।
00:04:38मैं इसे बंद करके टर्मिनल क्लियर करूँगा और सेशन फिर से शुरू करूँगा।
00:04:42अब हम जीरो से शुरू कर रहे हैं, लेकिन चिंता न करें क्योंकि मैपिंग पहले ही सेव हो चुकी है।
00:04:46आप '.planning' फ़ोल्डर देख सकते हैं। उसके अंदर 'codebase' नाम की फ़ाइल है।
00:04:50यह हमारे एप्लीकेशन की हर चीज़ जैसे आर्किटेक्चर और कन्वेंशन को संक्षेप में बताएगी।
00:04:54यह सब इसी फ़ोल्डर में स्टोर है ताकि हम अपनी मैपिंग की स्थिति न खोएं।
00:04:59कोडबेस मैपिंग के बाद, अब प्रोजेक्ट को इनिशियलाइज़ करने का समय है।
00:05:04यहाँ यह मुझसे मेरे आईडिया और नए फीचर्स को समझने के लिए कुछ सवाल पूछेगा।
00:05:09फिर यह उस डोमेन की जाँच के लिए कई सब-एजेंट्स भेजेगा जिसे हम बनाना चाहते हैं।
00:05:13यह ज़रूरतें निकालने और एक रोडमैप तैयार करने में भी मदद करेगा कि कौन से चरण ज़रूरी हैं।
00:05:17तो मैं इस कमांड को कॉपी करके यहाँ पेस्ट कर दूँगा ताकि प्रोजेक्ट इनिशियलाइज़ हो सके।
00:05:23यहाँ आप देख सकते हैं कि यह एक 'ब्राउन फ़ील्ड' प्रोजेक्ट है जिसमें पहले से कोडबेस और मैप मौजूद है।
00:05:28गिट रिपॉजिटरी भी है लेकिन अभी तक कोई प्लानिंग फ़ाइल नहीं है। तो यह मुझसे सवाल पूछेगा।
00:05:32यह कहता है कि 'मैंने देखा कि आपके पास पहले से कोडबेस वाला प्रोजेक्ट है।'
00:05:36फ़ाइल देखकर यह पूछ रहा है कि आप आगे क्या बनाना चाहते हैं? ठीक है।
00:05:39मेरे मन में पहले से ही एक फीचर है, एडमिन सिस्टम के लिए डैशबोर्ड बनाना।
00:05:43यह एआई द्वारा तैयार की गई एक छोटी सी फ़ाइल है जिसमें एक मिनिमम एडमिन पैनल बनाने की योजना है,
00:05:47जो डैशबोर्ड साइडबार पर एक नया टैब होगा और यूज़र्स और सपोर्ट इश्यूज़ को मैनेज करने की सुविधा देगा।
00:05:51आप देख सकते हैं कि इसमें MVP फीचर्स, UX मॉकअप और फ्रेमवर्क जैसी विस्तृत जानकारी है।
00:05:56मैं आपको सुझाव दूँगा कि आप भी Claude जैसे एआई का इस्तेमाल करके एक ड्राफ्ट प्लान तैयार करें,
00:06:00ताकि आपको पता हो कि क्या बनाना है।
00:06:05कम से कम UX बदलाव या फीचर्स की लिस्ट होनी चाहिए ताकि कोडिंग के लिए एक स्पष्ट योजना हो।
00:06:10अब, मैं यह प्लान सीधे Claude को दे सकता था, लेकिन मैं चाहता हूँ कि GSD इसकी ज़िम्मेदारी ले।
00:06:14यह सब-एजेंट्स के ज़रिए रिसर्च करेगा और इस बड़े काम को छोटे और आसान हिस्सों में बाँट देगा।
00:06:18तो मैं टर्मिनल खोलकर कहूँगा कि हमें ठीक यही चीज़ बनानी है और इस फ़ाइल का रेफरेंस दूँगा।
00:06:23मैं यहाँ लिखूँगा कि 'मैं इसे बनाने की योजना बना रहा हूँ' और GSD को प्लानिंग करने दूँगा।
00:06:29यहाँ आप देख सकते हैं, यह उस बैकलाग आइटम को पढ़ रहा है जिसे हमें लागू करना है।
00:06:34और यह स्पेसिफिकेशन की पुष्टि के लिए मुझसे कुछ गंभीर सवाल पूछना शुरू करेगा।
00:06:39यह कहता है कि इसमें चार फीचर्स शामिल हैं जैसे यूज़र लिस्ट, क्रेडिट्स, टियर्स और इम्पर्सनेशन।
00:06:42क्या इन्हें एक साथ बनाना है या पहले कुछ ही चीज़ों पर ध्यान देना है? आप देख सकते हैं,
00:06:47इसने बड़े काम को छोटे-छोटे हिस्सों में तोड़ना शुरू कर दिया है।
00:06:52मैं कहूँगा कि चलिए पहले यूज़र लिस्ट और क्रेडिट्स जैसे सरल फीचर्स से शुरू करते हैं।
00:06:56मैंने कहा 'हाँ, ऐसा ही करते हैं।' अब यह पूछ रहा है कि एडमिन पैनल की टेस्टिंग कैसे होगी?
00:07:00अभी यह प्रोजेक्ट नया है तो मैं मैन्युअल टेस्टिंग ही करता हूँ, लेकिन यह टेस्ट कवरेज के बारे में पूछ रहा है।
00:07:04जैसे कि इंटीग्रेशन टेस्टिंग या API रूट टेस्ट। इसमें यूनिट टेस्ट और एंड-टू-एंड टेस्ट भी शामिल हो सकते हैं।
00:07:08मैं अभी सिर्फ मैन्युअल टेस्टिंग पर ध्यान दूँगा और बाद में कवरेज बढ़ा दूँगा।
00:07:13मैंने 'हाँ' कहा और अपना जवाब सबमिट कर दिया। अब देखते हैं कि GSD क्या करता है।
00:07:20यह अगले सवाल पर पहुँच गया है। यह पूछ रहा है कि एडमिन पैनल कब तक लाइव चाहिए?
00:07:25मेरे पास एक डॉक्यूमेंट है जिसमें लॉन्च की तारीख 30 जनवरी बताई गई है।
00:07:28तो इसने मुझसे वही तारीख पूछी है। मैंने कहा 'हाँ, मुझे यह 30 जनवरी से पहले चाहिए।'
00:07:33फिर यह पूछ रहा है कि क्या प्रोजेक्ट फ़ाइल के साथ आगे बढ़ें या कुछ और एक्सप्लोर करना है।
00:07:40मैं अभी और सवाल पूछना चाहता हूँ। मैंने एक सवाल यह भी पूछा कि स्पेसिफिकेशन में क्या कमियाँ हैं।
00:07:44आप देख सकते हैं कि इसने सिक्योरिटी, UX और बेस्ट प्रैक्टिस की जाँच के लिए कई एजेंट्स लगा दिए हैं।
00:07:48ताकि पता चल सके कि तकनीकी रूप से हम कुछ भूल तो नहीं रहे हैं।
00:07:52यहाँ एक टेबल है जो सभी कमियों को दिखाती है, जैसे एडमिन मिडलवेयर प्रोटेक्शन की कमी।
00:07:58कुकीज़ गायब हैं, रेट लिमिटिंग और डिलीट एक्शन में भी कुछ खामियाँ हैं।
00:08:02हम काम शुरू करने से पहले इन कमियों को दूर करना चाहते हैं।
00:08:07यहाँ उन चीज़ों की लिस्ट है जिन्हें ठीक करने का सुझाव दिया गया है।
00:08:11हम इसे देख सकते हैं और अगर सब सही लगे, तो प्रोजेक्ट फ़ाइल बनाकर काम शुरू कर सकते हैं।
00:08:16इसने पूछा कि 'रिसर्च में कुछ गंभीर सिक्योरिटी गैप्स मिले हैं, इनका क्या करना है?'
00:08:21मैंने कहा 'सिर्फ ज़रूरी वाले ठीक कर दो' और Claw code को अपना प्लान अपडेट करने को कहा।
00:08:25एक बार सब ठीक हो जाने पर, हम प्रोजेक्ट MD फ़ाइल बना सकते हैं।
00:08:30मैंने 'हाँ' कहा और Claw code ने पूरे प्रोजेक्ट के लिए फ़ाइल बनाना शुरू कर दिया।
00:08:34अगले सेक्शन पर जाने से पहले, आज के स्पॉन्सर Testbrite का शुक्रिया।
00:08:38Testbrite एक AI एजेंट है जिसे खास तौर पर सॉफ्टवेयर टेस्टिंग के लिए बनाया गया है।
00:08:43इनके नए MCP के साथ, अब आप इसे सीधे अपने IDE जैसे Cursor या Claw code में इस्तेमाल कर सकते हैं।
00:08:46इसे सेटअप करना बहुत आसान है, बस सेटिंग्स में कॉन्फ़िगरेशन जोड़ना है।
00:08:50अच्छी बात यह है कि यह बिना सोचे-समझे टेस्ट नहीं चलाता, बल्कि पहले कोडबेस और डॉक्यूमेंटेशन को समझता है।
00:08:56यह अपने आप PRD से टेस्ट प्लान और केस तैयार करता है और पूरी कवरेज सुनिश्चित करता है।
00:09:01इसके बाद यह टेस्ट रन करता है और आपको डिटेल रिपोर्ट भेजता है कि क्या खराब है और क्या ठीक करना है।
00:09:05ज़्यादातर कोडिंग एजेंट्स की सटीकता 42% होती है, लेकिन Testbrite से यह 93% तक पहुँच सकती है।
00:09:10अगर आप इसमें दिलचस्पी रखते हैं, तो डिस्क्रिप्शन में दिए लिंक पर क्लिक करें। अब वापस वीडियो पर।
00:09:14प्रोजेक्ट स्कोपिंग और फ़ाइल तैयार होने के बाद, हमसे मोड पूछा जाएगा।
00:09:19हम 'YOLO मोड' चुन सकते हैं जो अपने आप सब अप्रूव करके काम पूरा कर देगा।
00:09:22या फिर हम इंटरैक्टिव मोड चुन सकते हैं जहाँ हमें हर कदम पर बदलावों की पुष्टि करनी होगी।
00:09:28मैं 'YOLO मोड' के साथ जाऊँगा ताकि एआई खुद ही सब कुछ मैनेज करे।
00:09:32अब यह 'डेप्थ' यानी प्लानिंग कितनी विस्तार से होनी चाहिए, यह पूछ रहा है।
00:09:37या तो हम जल्दी काम खत्म करने के लिए 3-5 फेज चुन सकते हैं, या फिर 'स्टैंडर्ड' तरीका,
00:09:43जिसमें 5-8 फेज होंगे और हर फेज में 3-5 प्लान होंगे। यह ज़्यादा संतुलित है।
00:09:49मैं विकल्प नंबर दो यानी स्टैंडर्ड स्कोप चुनूँगा क्योंकि हमें जल्दबाज़ी नहीं बल्कि सही काम चाहिए।
00:09:52मैंने अपना जवाब सबमिट कर दिया है। अब एक्ज़ीक्यूशन के बारे में पूछा जा रहा है।
00:09:57या तो हम प्लान्स को पैरेलल (एक साथ) चला सकते हैं या फिर एक के बाद एक।
00:10:02मेरी सलाह है कि अगर समय की पाबंदी नहीं है, तो 'सीक्वेंशियल' (क्रमवार) तरीका ही अपनाएं।
00:10:06पैरेलल में अगर क्रेडिट्स खत्म हो गए, तो आपके कई काम बीच में ही अधूरे रह सकते हैं।
00:10:11लेकिन क्रमवार तरीके में कम से कम कुछ काम तो पूरे हो जाएँगे जिन्हें आप बाद में जारी रख सकते हैं।
00:10:15कम से कम आपका पूरा प्रोजेक्ट आधा-अधूरा नहीं रहेगा। इसलिए मैं सीक्वेंशियल मोड चुन रहा हूँ।
00:10:20फिर गिट ट्रैकिंग के लिए पूछा गया कि क्या प्लानिंग डॉक को कमिट करना है, मैंने 'हाँ' कहा।
00:10:24मैं अपनी प्लानिंग का रिकॉर्ड रखना चाहता हूँ, इसलिए मैंने सबमिट कर दिया।
00:10:29इसके बाद कुछ और सवाल पूछे गए जैसे प्लानिंग से पहले रिसर्च करनी है या नहीं, मैंने 'हाँ' कहा।
00:10:33और क्या काम पूरा होने के बाद उसे वैरिफाई करना है, इसमें भी मेरा जवाब 'हाँ' था।
00:10:38मॉडल के चुनाव में मैंने सबसे अच्छी क्वालिटी वाला 'Opus' चुना, चाहे उसमें खर्च थोड़ा ज़्यादा हो।
00:10:42यह सारी सेटिंग्स 'config.json' फ़ाइल में सेव हो गई हैं।
00:10:46हम भविष्य में इस फ़ाइल में बदलाव करके सेटिंग्स बदल सकते हैं।
00:10:51अब GSD रिसर्च फेज पर बढ़ गया है। आप देख सकते हैं कि इसने कई सब-एजेंट्स तैयार किए हैं।
00:10:57जब ये एजेंट्स रिसर्च पूरी कर लेंगे, तो GSD उन सबको मिलाकर एक रिपोर्ट तैयार करेगा।
00:11:02यह रिपोर्ट हमारे प्रोजेक्ट के हिसाब से होगी। एक बार सहमति मिलने पर यह रोडमैप बनाएगा।
00:11:07अब रोडमैप तैयार है जिसमें 5 फेज और 36 ज़रूरतें शामिल हैं।
00:11:11इसमें डेटाबेस, बैकएंड और यूज़र एक्सपीरियंस जैसी सभी ज़रूरी चीज़ें कवर की गई हैं।
00:11:16यह पूछ रहा है कि 'क्या यह रोडमैप आपको सही लग रहा है?' आप इसे चेक कर सकते हैं।
00:11:21अगर सब ठीक है, तो 'अप्रूव' कर दें और काम शुरू हो जाएगा।
00:11:26प्रोजेक्ट शुरू होने पर 'planning' फ़ोल्डर में सारे फेज और ज़रूरतें दिखाई देंगी।
00:11:32अब हम एक-एक करके फेज वन से शुरू करेंगे।
00:11:38फेज वन का प्लान बनने के बाद, इसने फेज टू और थ्री के लिए भी एजेंट्स लगा दिए हैं।
00:11:42आप हर फेज के लिए अलग से प्लान बनवा सकते हैं।
00:11:47प्लानिंग के बाद हम इम्प्लीमेंटेशन यानी काम को लागू करने की तरफ बढ़ेंगे।
00:11:52जैसा कि मैंने कहा, हम इसे ताज़ा कॉन्टेक्स्ट के साथ क्रमवार तरीके से करेंगे।
00:11:56मैं नहीं चाहता कि यह हर छोटे काम के बाद मुझसे वेरिफिकेशन के लिए पूछे।
00:12:01मैं चाहता हूँ कि यह पहले सब कुछ पूरा कर ले और फिर हम एक साथ सबकी जाँच करें।
00:12:04हर फेज पर बार-बार रुककर वैरिफाई करने की ज़रूरत नहीं है।
00:12:09इससे काम की गति बनी रहती है और अंत में हम एक फाइनल रिव्यू कर सकते हैं।
00:12:14GSD की यही खूबी है कि यह जटिल कार्यों को बहुत ही व्यवस्थित तरीके से संभालता है।
00:12:18सब-एजेंट्स का उपयोग करने से बड़ी गलतियों की संभावना भी काफी कम हो जाती है।
00:12:22तो चलिए देखते हैं कि यह हमारे एडमिन पैनल को किस तरह से तैयार करता है।
00:12:26कोड लिखने की प्रक्रिया अब शुरू हो चुकी है और आप टर्मिनल में अपडेट देख सकते हैं।
00:12:30हर चरण पर यह गिट में बदलावों को कमिट करता जाएगा ताकि कुछ भी खो न जाए।
00:12:34यह कोडिंग का एक नया और आधुनिक तरीका है जिसे 'ऑटोनामस' कोडिंग कहा जाता है।
00:12:38जहाँ आप सिर्फ निर्देश देते हैं और एआई आपके लिए पूरा ढांचा खड़ा कर देता है।
00:12:42अगर कहीं कोई एरर आता है, तो एजेंट खुद ही उसे सुलझाने की कोशिश करता है।
00:12:46इससे डेवलपर का बहुत सारा कीमती समय बचता है।
00:12:51हमारा लक्ष्य है कि 30 जनवरी की डेडलाइन तक एक बेहतरीन एडमिन पैनल तैयार हो।
00:12:57मैं यहाँ देख पा रहा हूँ कि यूज़र लिस्टिंग वाला हिस्सा लगभग पूरा हो गया है।
00:13:01इसके बाद यह क्रेडिट मैनेजमेंट वाले फीचर पर काम करना शुरू करेगा।
00:13:06आप स्क्रीन पर देख सकते हैं कि फ़ाइलें कैसे एक-एक करके अपडेट हो रही हैं।
00:13:10यह देखना काफी रोमांचक है कि एआई कितनी तेज़ी से कोड लिख रहा है।
00:13:14लेकिन तेज़ी के साथ-साथ हमें क्वालिटी पर भी ध्यान देना होगा, इसीलिए हमने Opus मॉडल चुना है।
00:13:18यह मॉडल कोडिंग और लॉजिक के मामले में काफी सटीक माना जाता है।
00:13:22GSD फ्रेमवर्क वाकई में कोडिंग के अनुभव को बदल देने वाला टूल है।
00:13:27अगर आप एक सोलो डेवलपर हैं, तो यह आपके लिए किसी वरदान से कम नहीं है।
00:13:31अब हमारा फेज टू भी पूरा होने वाला है और एआई अगले स्टेप की तैयारी कर रहा है।
00:13:35बीच-बीच में यह लॉग्स भी जनरेट करता है ताकि हमें पता रहे कि क्या चल रहा है।
00:13:40अगर आपको कोई बदलाव करना हो, तो आप किसी भी समय इंटरप्ट कर सकते हैं।
00:13:46लेकिन अभी के लिए सब कुछ योजना के अनुसार ही चल रहा है।
00:13:52एडमिन पैनल का UI भी काफी साफ और प्रोफेशनल लग रहा है।
00:13:58हमने जो UX स्पेसिफिकेशन्स दिए थे, एआई उनका पूरा ध्यान रख रहा है।
00:14:03यह देखकर खुशी होती है कि एआई अब सिर्फ कोड ही नहीं, बल्कि डिज़ाइन को भी समझ रहा है।
00:14:07अगला कदम सिक्योरिटी पैच को लागू करना होगा जिसकी पहचान रिसर्च फेज में हुई थी।
00:14:12सुरक्षा के बिना कोई भी एडमिन पैनल अधूरा और जोखिम भरा होता है।
00:14:16GSD ने खुद ही उन गैप्स को भरने के लिए कोड लिखना शुरू कर दिया है।
00:14:21यही इस फ्रेमवर्क की सबसे बड़ी ताकत है - यह सुरक्षा को नज़रअंदाज़ नहीं करता।
00:14:26अब हम प्रोजेक्ट के आखिरी चरणों की ओर बढ़ रहे हैं।
00:14:30पूरा कोडबेस अब काफी संगठित दिख रहा है।
00:14:34एक बार सब कुछ खत्म हो जाए, तो हम लाइव डेमो देखेंगे।
00:14:39उम्मीद है कि आपको यह प्रोसेस समझ आ रहा होगा कि यह कितना पावरफुल है।
00:14:43अगर आपके कोई सवाल हैं, तो कमेंट सेक्शन में ज़रूर पूछें।
00:14:49मैं कोशिश करूँगा कि ज़्यादा से ज़्यादा लोगों के जवाब दे सकूँ।
00:14:54कोडिंग का भविष्य अब एआई के साथ ही जुड़ा हुआ है।
00:14:59और GSD जैसे टूल्स हमें इस भविष्य के लिए तैयार करते हैं।
00:15:03चलिए अब फाइनल आउटपुट पर एक नज़र डालते हैं।
00:15:08एडमिन पैनल अब पूरी तरह से तैयार और फंक्शनल लग रहा है।
00:15:13तो यह सब प्लानिंग फ़ोल्डर के अंदर है, ठीक है? तो सभी पाँच चरण और सभी 36 ज़रूरतें बनने के लिए तैयार हैं।
00:15:18तो अगली चीज़, अगर हम उससे सहमत हैं, तो हम चरण एक से शुरुआत करेंगे,
00:15:21एक-एक करके चरण एक से शुरू करेंगे। और एक बार जब आप चरण एक के लिए योजना बना लेते हैं,
00:15:25तो यहाँ आप देख सकते हैं कि चरण दो की योजना बनाने के लिए कई सब-एजेंट भी लगाए गए हैं,
00:15:29चरण तीन, सब एक साथ, ठीक है? तो आप यहाँ सभी सब-एजेंट्स से काम करवा सकते हैं,
00:15:34एक नई योजना बनाएँ या हमारे पास मौजूद प्रत्येक चरण के लिए एक योजना बनाएँ, ठीक है? एक बार जब आप एक चरण बना लेते हैं,
00:15:38तो अब आप जो कर सकते हैं वह मूल रूप से कार्यान्वयन (implementation) की ओर बढ़ना है। अब, जैसा कि हमने ज़िक्र किया था, ठीक है,
00:15:41हम इसे एक नए संदर्भ (context) के साथ क्रमिक रूप से चलाना चाहते हैं, और मैं नहीं चाहता कि यह
00:15:46एक योजना पूरी करे और मुझसे पुष्टि करने के लिए कहे, ठीक है? मैं चाहता हूँ कि यह उसके बाद सब कुछ पूरा कर ले,
00:15:52और फिर हम सब कुछ सत्यापित कर सकें, ठीक है? मैं हर चरण पर सत्यापित नहीं करना चाहता।
00:15:55मैं सभी चरणों के पूरा होने के बाद सत्यापित करना चाहता हूँ। अब आप यहाँ जो कर सकते हैं वह यह है कि आप क्लाउड (Claude) से बात कर सकते हैं
00:15:59और कह सकते हैं कि, ठीक है, मैं GSD चरणों को एक नए संदर्भ के साथ क्रमिक रूप से निष्पादित करना चाहता हूँ।
00:16:03और यहाँ मूल रूप से यह क्या करने वाला है कि प्रत्येक योजना के लिए एक नए सत्र संदर्भ के साथ एक-एक करके प्रत्येक चरण को निष्पादित करेगा।
00:16:08और मूल रूप से आप देख सकते हैं कि क्या होने वाला है, यह GSD निष्पादक (executor) का उपयोग करके
00:16:13नए सब-एजेंट्स को निष्पादित करने जा रहा है। और फिर यहाँ प्रत्येक एजेंट को 200K
00:16:18साफ़ संदर्भ मिलता है। ताकि वह पिछली योजना के साथ न मिले जिसे दूसरे सब-एजेंट ने पूरा किया है।
00:16:23और फिर यहाँ क्या होने वाला है कि यह GSD का उपयोग करके पूरी 13 योजनाओं को
00:16:27पूरी तरह से स्वायत्त रूप से निष्पादित करेगा। तो हमारे पास अपना डेटाबेस स्कीमा, हमारा बैकएंड, हमारा UI, हमारा क्रेडिट प्रबंधन,
00:16:34और ऑडिट लॉग व्यूअर भी है, ठीक है? तो सब कुछ एक ही बार में एक-एक करके निष्पादित होता है। और यहाँ मैं बस
00:16:39संदर्भ साफ़ करने जा रहा हूँ और अनुमतियों को बायपास करके इसे एक-एक करके निष्पादित करूँगा। ठीक है, तो अब आप
00:16:44देख सकते हैं कि यह कार्यान्वयन के लिए एडमिन डैशबोर्ड के चरण एक को यहाँ निष्पादित करने जा रहा है।
00:16:48और चलिए थोड़ा इंतज़ार करते हैं जब तक कि सब कुछ पूरी तरह से लागू न हो जाए। ठीक है, तो GSD का उपयोग करके सभी चरणों को
00:16:53लागू करने के बाद, परिणाम कुछ ऐसा दिखता है। तो यहाँ, आप देख सकते हैं कि मैं
00:16:57एडमिन टैब में हूँ और यहाँ हम यूज़र्स मैनेजमेंट टैब पर हैं। तो यहाँ हम उन सभी यूज़र्स को देख सकते हैं
00:17:03जो हमारे वर्तमान प्लेटफ़ॉर्म पर हैं। मैं किसी यूज़र को खोज भी सकता हूँ। उदाहरण के लिए, यदि मैं
00:17:07टाइप करूँ "test", तो यहाँ आप देख सकते हैं कि हमारे पास पहला परिणाम यहाँ दिखाई दे रहा है। और मान लीजिए कि अगर मैं
00:17:12इसे हटा दूँ, तो यहाँ आप देख सकते हैं कि यह फिर से पूरी सूची दिखाएगा। मैं टियर्स (tiers) के आधार पर
00:17:17फ़िल्टर भी कर सकता हूँ। तो वे कौन लोग हैं जो फ्री टियर का उपयोग कर रहे हैं? मैं वह देख सकता हूँ, और मैं
00:17:21क्रेडिट उपयोग देख सकता हूँ, उन्होंने पिछली बार कब साइन अप किया था, और क्रेडिट को एडजस्ट भी कर सकता हूँ,
00:17:25ठीक है? तो मैं अकाउंट विवरण देख सकता हूँ, जिसे आप यहाँ देख सकते हैं, या मैं क्रेडिट को एडजस्ट भी कर सकता हूँ,
00:17:29जिसे आप यहाँ देख सकते हैं, ठीक है? मैं लोगों को इवेंट्स एडजस्ट करने में मदद कर सकता हूँ,
00:17:33क्रेडिट सेट कर सकता हूँ, कस्टम क्रेडिट सीमाएँ सेट कर सकता हूँ, और सही
00:17:38उपयोग भी, साथ ही एक कारण भी दे सकता हूँ। और यहाँ ऑडिट लॉग में, हम वास्तव में इसका ट्रैक रख सकते हैं।
00:17:42तो उदाहरण के लिए, मान लीजिए कि अगर मैं सभी टियर्स चुनता हूँ, और वर्तमान में मैं इस यूज़र के रूप में लॉग इन हूँ
00:17:48जो यहाँ एडमिन के रूप में सेट है। और मान लीजिए कि अगर मैं इस पर क्लिक करता हूँ, और क्रेडिट एडजस्ट करने की कोशिश करता हूँ,
00:17:52मान लीजिए कि मैं इस क्रेडिट राशि को बढ़ाने जा रहा हूँ, उदाहरण के लिए, 50 क्रेडिट तक, ठीक है? तो
00:17:57जो हमारे पास अभी 510 क्रेडिट हैं, उससे 560 क्रेडिट तक। और हमें यहाँ नीचे बस
00:18:03एक कारण जोड़ना होगा। उदाहरण के लिए, मैं बस "test" जोड़ने जा रहा हूँ, और मूल रूप से
00:18:07यही कारण है, और मैं बस एडजस्टमेंट लागू करने जा रहा हूँ। और यहाँ क्या हुआ है, आप देख सकते हैं
00:18:11कि हमारे पास एक नोटिफिकेशन आ रहा है कि हमने इसे 510 से बढ़ाकर 560 कर दिया है, और उस कंपोनेंट के लिए
00:18:17री-रेंडर भी ट्रिगर किया है। और आप यहाँ टेबल पर देख सकते हैं, हम उसे भी दर्शाते हैं,
00:18:21510 से 560 तक, जो हमारे पास अब है, ठीक है? तो हम पुष्टि कर सकते हैं कि यहाँ फीचर
00:18:27पूरी तरह से काम कर रहा है। हम एडमिन एनालिटिक्स वाले हिस्से को भी देख सकते हैं, जहाँ हम
00:18:31अपने एप्लिकेशन में मौजूद सभी चीज़ों के एनालिटिक्स देख सकते हैं। आप देख सकते हैं कि यह पिछली बार
00:18:36कब अपडेट किया गया था, साथ ही हमारे एप्लिकेशन के सभी आंकड़े जैसे कुल यूज़र्स, पेड यूज़र्स,
00:18:40साथ ही अलग-अलग टियर्स, अलग-अलग क्रेडिट उपयोग, और सबसे सक्रिय यूज़र्स भी। साथ ही हम
00:18:46ऑडिट लॉग्स देख सकते हैं, जिसका मूल रूप से मतलब है कि वे सभी इवेंट्स, वे सभी एक्शन जो हमने
00:18:51यूज़र क्रेडिट्स पर एडजस्टमेंट करने के लिए लिए, हम वास्तव में इसे यहाँ ऑडिट लॉग के अंदर
00:18:55देख सकते हैं। उदाहरण के लिए, क्रेडिट एडजस्ट करना, क्रेडिट सिंक करना, और टारगेट यूज़र्स कौन हैं,
00:19:00और हमने क्या विवरण दिए। हम उसे ऑडिट लॉग ट्रेल के अंदर देख सकते हैं। तो बस
00:19:05इसी तरह आप यहाँ GSD का उपयोग किसी फीचर को पूरा करने के लिए विकास के पूरे स्पेक्ट्रम का पालन करने के लिए कर सकते हैं।
00:19:09अब, अगर आपको यह वीडियो पसंद आया है, तो कृपया इस वीडियो को लाइक ज़रूर करें। और बेशक,
00:19:13यदि आप इस बारे में उत्सुक हैं कि मैं इस कंपोनेंट को क्रेडिट लागू होने के बाद पेज रिफ्रेश किए बिना
00:19:16री-रेंडर कैसे कर पाया, तो इसका संक्षिप्त उत्तर यह है कि मैं Zustand का उपयोग कर रहा था, जो कि एक
00:19:21स्टेट मैनेजमेंट है जो मूल रूप से हमारे पूरे एप्लिकेशन के स्टेट को सेंट्रलाइज़ करता है, ताकि जब भी
00:19:26कंपोनेंट का कोई एक हिस्सा अपडेट हो, तो वह इस वर्तमान स्टेट में भी अपडेट को ट्रिगर कर दे।
00:19:30तो यदि आप इस बारे में उत्सुक हैं कि आप अपने वर्तमान एप्लिकेशन में उस स्टेट मैनेजमेंट को कैसे
00:19:34जोड़ सकते हैं, तो मैं आपको इस सात घंटे के कोर्स को देखने की अत्यधिक सलाह देता हूँ, जिसे मैंने बनाया है कि
00:19:38कैसे आप एक पूरा प्रोडक्शन-रेडी NestJS एप्लिकेशन बना सकते हैं जो स्केलेबल और स्टेप-बाय-स्टेप है।
00:19:44तो इसके साथ ही, अगर आपको यह वीडियो अच्छा लगा, तो कृपया इस वीडियो को लाइक ज़रूर करें।
00:19:47सब्सक्राइब करने पर विचार करें क्योंकि भविष्य में, मैं उन सभी पाठों और तकनीकों को साझा करूँगा जिन्हें आप
00:19:51मूल रूप से यहाँ AI का उपयोग करके कोड लिखने और बिल्कुल इसी तरह के
00:19:55प्रोडक्शन-रेडी एप्लिकेशन बनाने के लिए उपयोग कर सकते हैं। तो इसके साथ ही, मैं आपसे अगले वीडियो में मिलूँगा।