Claude ने AI कोडिंग को सुधारने के लिए अभी कुछ नया पेश किया है

AAI LABS
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Claude Code वास्तव में बहुत बढ़िया है, लेकिन हमारी टीम ने हर काम के लिए इसका इस्तेमाल करना शुरू कर दिया है।
00:00:03एन्थ्रोपिक ने इस पर ध्यान दिया और कुछ समय पहले उन्होंने “स्किल्स” (skills) की अवधारणा पेश की।
00:00:07लेकिन Nano Banana Pro की रिलीज़ के साथ, लोग पूरी तरह से एक अलग दिशा में जाने लगे,
00:00:12बेहतर साइटें बनाने के लिए एंटी-ग्रेविटी जैसे गूगल उत्पादों का उपयोग करने लगे।
00:00:15हमने एंटी-ग्रेविटी को आज़माया, लेकिन हमारी राय में यह अभी बहुत ज़्यादा खराब है।
00:00:19हम जानते हैं कि जो लोग एंटी-ग्रेविटी पसंद करते हैं, वे हमारे पीछे हाथ धोकर पड़ जाएंगे।
00:00:21लेकिन यह किसी और वीडियो का विषय है, पर जो इमेज यह जनरेट करता है वह फ्री हैं।
00:00:25तो हमने सोचा, क्यों न कोडिंग के लिए Claude और सिर्फ इमेज के लिए एंटी-ग्रेविटी का इस्तेमाल करें।
00:00:30लेकिन बात यह है।
00:00:31इन अलग-अलग कामों के लिए, आपको हर बार Claude को बार-बार प्रॉम्प्ट नहीं देना चाहिए।
00:00:35आपको इसे ट्रेन करना चाहिए और एक समर्पित स्किल बनानी चाहिए।
00:00:37तो Claude ने हाल ही में एक गाइड जारी की है कि स्किल्स वास्तव में कैसे बनाई जानी चाहिए।
00:00:41और इसका सबसे महत्वपूर्ण हिस्सा टेस्टिंग और इटरेशन (बार-बार दोहराव) है।
00:00:44और सच कहूँ तो, इस गाइड ने इन स्किल्स के बारे में सोचने का हमारा नज़रिया ही बदल दिया।
00:00:48हो सकता है आपने स्किल क्रिएटर (Skill Creator) के बारे में पहले ही सुना हो।
00:00:50यह Claude Code का आधिकारिक स्किल है जो प्रभावी स्किल्स बनाने के लिए आपका मार्गदर्शन करता है।
00:00:55लेकिन हमारी टीम के एक सदस्य ने पाया कि यह अभी भी पुराना है
00:00:58उस नई गाइड के अनुसार जिसे हमने प्रकाशित किया है।
00:01:00इसलिए हमने इसे अपडेट करवाया और इसने नए दिशा-निर्देशों के अनुसार
00:01:02बहुत सी चीजें बदल दीं और वास्तव में अच्छे सुधार किए।
00:01:05इस अपडेटेड स्किल क्रिएटर और काफी कड़ी मेहनत के बाद,
00:01:09हमने यह नई nano banana UI स्किल बनाई है।
00:01:12लेकिन जिस स्किल से हमने शुरुआत की थी और जो अंत में बनी, वे दो बिल्कुल अलग चीजें थीं।
00:01:16ये दोनों स्किल्स AI Labs Pro में उपलब्ध होंगी।
00:01:19उन लोगों के लिए जो नहीं जानते, यह हमारी हाल ही में लॉन्च की गई कम्युनिटी है
00:01:22जहाँ आपको रेडी-टू-यूज़ टेम्पलेट्स मिलते हैं जिन्हें आप सीधे अपने प्रोजेक्ट्स में जोड़ सकते हैं
00:01:26इस वीडियो और पिछले सभी वीडियो के लिए।
00:01:28अगर आपको हमारे काम में वैल्यू मिली है और आप चैनल का समर्थन करना चाहते हैं,
00:01:31तो यह उसका सबसे अच्छा तरीका है। लिंक डिस्क्रिप्शन में है।
00:01:34हमने Claude Code और एंटी-ग्रेविटी के बीच तालमेल की प्रक्रिया को पहले ही समझ लिया था।
00:01:38इसलिए हमने Claude Code और एंटी-ग्रेविटी दोनों में एक ही डायरेक्टरी खोली।
00:01:42Claude ने प्रोजेक्ट शुरू किया और एंटी-ग्रेविटी को बस इस पब्लिक फोल्डर की चिंता करनी थी,
00:01:47जिसमें सारी इमेजेस होंगी।
00:01:49Claude हमें उन इमेजेस के प्रॉम्प्ट और फाइल नाम देने वाला था जिन्हें
00:01:53एंटी-ग्रेविटी को बनाना था। वे प्रॉम्प्ट एंटी-ग्रेविटी में चले गए।
00:01:56इसने अपना इमेज जनरेशन टूल चालू किया और पैरेलल प्रोसेसिंग का उपयोग करके,
00:02:00एक ही समय में कई इमेजेस जनरेट कीं।
00:02:03आप देख सकते हैं कि इसने तीन इमेजेस बनाईं और वे तीनों इस इमेज फोल्डर में रखी गई थीं।
00:02:08उन्हें रखे जाने के बाद, Claude को अपने आप पता चल गया कि वे वहां हैं और वह आसानी से उनके साथ काम कर सकता था।
00:02:12लेकिन जैसे ही हमने वास्तव में इमेजेस जनरेट करना शुरू किया, कई चीजें खराब होने लगीं।
00:02:17अब आपने शायद यह कई बार सुना होगा, लेकिन डिस्क्रिप्शन इंजीनियरिंग
00:02:21इन बार-बार होने वाले वर्कफ़्लोज़ को बनाने के लिए सबसे महत्वपूर्ण चीजों में से एक है। ये डिस्क्रिप्शन
00:02:26YAML फ्रंट मैटर हैं जो Claude Code खोलते समय हमेशा उसके कॉन्टेक्स्ट में लोड होते हैं।
00:02:30और इसी तरह Claude वास्तव में यह तय करता है कि उसे आपकी स्किल लोड करने की ज़रूरत है या नहीं।
00:02:34लेकिन बहुत से यूज़र्स ने बताया है कि स्किल्स तब भी लोड हो जाती हैं जब उनकी ज़रूरत नहीं होती।
00:02:38और ऐसा इसलिए है क्योंकि ज़्यादातर डिस्क्रिप्शन केवल यह बताते हैं कि स्किल क्या करती है।
00:02:41एक अच्छा डिस्क्रिप्शन वास्तव में दो सवालों के जवाब देता है।
00:02:44स्किल क्या करती है? और Claude को इसका उपयोग कब करना चाहिए?
00:02:46यहीं पर ट्रिगर फ़्रेज़ काम आते हैं। वे वे चीज़ें हैं जो वास्तव में स्किल के इस्तेमाल की मांग करती हैं,
00:02:51जैसे “build a landing page” या जब हम “nano banana” का ज़िक्र करते हैं। लेकिन यह सिर्फ इसके बारे में नहीं है।
00:02:57गाइड में नेगेटिव ट्रिगर्स का भी ज़िक्र है, जो Claude को बताते हैं कि उसे कब स्किल का उपयोग नहीं करना चाहिए।
00:03:01उदाहरण के लिए, हम यह परिभाषित कर रहे हैं कि इसे साधारण बग फिक्स या डेटाबेस काम के लिए लोड नहीं होना चाहिए।
00:03:05तो एक अच्छे डिस्क्रिप्शन और एक बुरे के बीच का अंतर साफ़ है।
00:03:08आप देख सकते हैं कि नए स्किल क्रिएटर की इस स्किल में कई ट्रिगर फ़्रेज़ और नेगेटिव ट्रिगर्स हैं,
00:03:13जबकि पुराने स्किल क्रिएटर वाली स्किल केवल यह बताती है कि स्किल क्या करती है।
00:03:17कुछ निर्देश ऐसे भी हैं जो पूरी तरह से मात्रात्मक और सिंटैक्स से संबंधित हैं,
00:03:21लेकिन आपको उनके बारे में जानने की ज़रूरत नहीं है।
00:03:23साथ ही, अगर आप हमारे कंटेंट का आनंद ले रहे हैं, तो हाइप बटन दबाने पर विचार करें,
00:03:27क्योंकि यह हमें ऐसा और कंटेंट बनाने और अधिक लोगों तक पहुँचने में मदद करता है।
00:03:31अब आम तौर पर, अलग-अलग इमेज जनरेट करते समय, उनमें से अधिकांश को अलग-अलग
00:03:35डायमेंशन का होना पड़ता था क्योंकि उन्हें अलग-अलग जगह फिट करना या इस्तेमाल करना था।
00:03:39और हमारे बदलाव करने से पहले प्रॉम्प्ट में यही बताया गया था।
00:03:42लेकिन हर बार क्या हुआ कि जब भी हमने इन कस्टम डायमेंशन का उपयोग करने की कोशिश की,
00:03:46एंटी-ग्रेविटी में इमेज जनरेशन टूल ने केवल स्क्वायर इमेज ही बनाईं।
00:03:50आम तौर पर Gemini ऐप या Google AI Studio वाले साधारण मॉडल के साथ यह कोई समस्या नहीं है।
00:03:55लेकिन यहाँ हमें प्रक्रिया बदलनी पड़ी और स्किल को उसी के अनुसार संशोधित करना पड़ा।
00:03:58इसे पूरे skill.md में उचित चरणों में संदर्भित किया गया था,
00:04:02और इसे प्रॉम्प्टिंग नियमों के अंदर भी संदर्भित किया गया था कि जब भी उसे प्रॉम्प्ट लिखना हो,
00:04:06उसे कोई डायमेंशन या आस्पेक्ट रेशियो नहीं बताना चाहिए, क्योंकि इससे वास्तव में कोई फर्क नहीं पड़ता था।
00:04:10और अगर उसे किसी विशिष्ट उपयोग के लिए इमेज को क्रॉप करने की आवश्यकता थी,
00:04:12तो उसे बाद में अपने क्रॉप इमेज टूल से ऐसा करना चाहिए था।
00:04:15और इसीलिए स्क्रिप्ट्स फोल्डर वास्तव में महत्वपूर्ण है।
00:04:18यह इन एग्जीक्यूटेबल टूल्स को होस्ट करता है जिन्हें Claude विशिष्ट आर्गुमेंट के साथ कॉल कर सकता है,
00:04:22और आप अपने अलग-अलग इस्तेमाल के अनुसार इन टूल्स को खोजते हैं।
00:04:25अब एक अच्छी स्क्रिप्ट में वास्तव में अलग-अलग मोड वाले CLI आर्गुमेंट होते हैं,
00:04:29ताकि Claude उसे आसानी से कॉल कर सके।
00:04:31और एक चीज़ जो हममें से एक ने खोजी कि प्रीव्यू मोड की भी बहुत ज़रूरत है,
00:04:35जो वास्तव में कुछ बड़ा बदलाव करने से पहले Claude को आउटपुट प्रीव्यू करने में मदद करता है।
00:04:40चलिए आज के प्रायोजक के बारे में बात करने के लिए थोड़ा ब्रेक लेते हैं।
00:04:42इसके बाद, हम उस एक स्ट्रक्चरल गलती को देखेंगे
00:04:45जो ज़्यादातर लोग अपनी स्किल्स बनाते समय करते हैं।
00:04:47CREAM
00:04:47डेवलपर्स और SaaS संस्थापकों के लिए, सबसे बड़ा सिरदर्द चीज़ें बनाना नहीं है।
00:04:50यह वैश्विक कर (global taxes) और वैट अनुपालन (VAT compliance) का बुरा सपना है।
00:04:53CREAM एक मर्चेंट ऑफ रिकॉर्ड है जो इस बोझ को पूरी तरह से संभालता है, जिससे आप डेवलपमेंट पर ध्यान केंद्रित कर पाते हैं।
00:04:58डिजिटल बिजनेस की अगली लहर के लिए बना,
00:05:00CREAM पहले दिन से ही 100+ देशों में भुगतान स्वीकार करने के लिए बिजली जैसी तेज़ सेटअप की सुविधा देता है।
00:05:05उन्होंने छिपी हुई फीस के भ्रम को खत्म कर दिया है,
00:05:07और 3.9% + 40 सेंट की पारदर्शी फ्लैट दर की पेशकश कर रहे हैं।
00:05:11बस इतना ही।
00:05:11दर वही रहती है चाहे ग्राहक टोक्यो में हो या टेक्सास में, अमेरिकन एक्सप्रेस हो या गूगल पे।
00:05:16आपको एक सहज लॉन्च सुनिश्चित करने के लिए ऑटोमेटेड रेवेन्यू स्प्लिट्स जैसे शक्तिशाली फीचर्स मिलते हैं।
00:05:20हमेशा उनके आइसोलेटेड टेस्ट मोड और समर्पित टाइपस्क्रिप्ट SDK का उपयोग करें।
00:05:23इसके अलावा, CREAM, Claude Code, Cursor और WinSurf के लिए आधिकारिक AI एजेंट स्किल्स प्रदान करता है।
00:05:28बस अपने AI असिस्टेंट को CREAM को इंटीग्रेट करने के लिए कहें,
00:05:30और यह तुरंत उनके लेटेस्ट API सर्वोत्तम प्रथाओं के आधार पर प्रोडक्शन-रेडी, सुरक्षित कोड जनरेट कर देगा।
00:05:36बस याद रखें, अपनी API कीज़ को कभी भी वर्जन कंट्रोल में कमिट न करें।
00:05:39अगर आप पेमेंट स्टैक के लिए तैयार हैं, तो पिंड कमेंट में दिए गए लिंक पर क्लिक करें।
00:05:42टैक्स की चिंता छोड़ें और CREAM.io के साथ आगे बढ़ें।
00:05:45आपने हमें पहले भी अपने कई वीडियो में प्रोग्रेसिव डिस्क्लोज़र (progressive disclosure) के बारे में बात करते हुए सुना होगा
00:05:50क्योंकि यह न केवल स्किल्स से संबंधित है, बल्कि कॉन्टेक्स्ट विंडो के लिए भी बहुत महत्वपूर्ण है।
00:05:55इसका मतलब है कि एजेंट को किसी चीज़ के बारे में तभी पता होना चाहिए जब उसे उस समय उसकी ज़रूरत हो।
00:05:59आप पहले से ही जानते हैं कि डिस्क्रिप्शन हमेशा Claude Code के कॉन्टेक्स्ट में लोड होता है।
00:06:03और इसी तरह ये स्किल्स तीन-स्तरीय संरचना (three-level structure) का उपयोग करती हैं,
00:06:06जहाँ पहला स्तर हमेशा Claude के कॉन्टेक्स्ट में होता है।
00:06:09फिर दूसरा स्तर skill.md की बॉडी है, और इसमें लेवल 3 के संदर्भ होने चाहिए,
00:06:14जिसमें पूरा वर्कफ़्लो और संदर्भों का उपयोग करने के निर्देश शामिल हों।
00:06:18और उस संरचना के भीतर, आधिकारिक गाइड “क्रिटिकल सेक्शन” नामक किसी चीज़ को परिभाषित करती है।
00:06:23आपको सबसे महत्वपूर्ण जानकारी को सबसे सामने सूचीबद्ध करना चाहिए,
00:06:26न कि उसे इन सभी अलग-अलग निर्देशों के नीचे छिपा कर रखना चाहिए।
00:06:29आप स्पष्ट रूप से देख सकते हैं कि इस स्किल में केवल skill.md है और इसमें लेवल 3 स्ट्रक्चर नहीं है।
00:06:34ऐसा इसलिए है क्योंकि सारा वर्कफ़्लो, सुझाव, अलग-अलग सिफारिशें,
00:06:38और ट्रबलशूटिंग गाइडलाइन्स एक ही फाइल के अंदर रखी गई हैं।
00:06:41इसे इस तरह से स्ट्रक्चर नहीं किया जाना चाहिए,
00:06:43क्योंकि उसे वर्तमान समय में इन गाइडलाइन्स की ज़रूरत नहीं हो सकती है।
00:06:45उसे पहले केवल वर्कफ़्लो लोड करना चाहिए,
00:06:47और फिर प्रॉम्प्टिंग नियमों को तभी लाना चाहिए जब उन्हें लिखने या उपयोग करने का समय हो।
00:06:51अब दूसरी ओर, यह स्किल स्पष्ट रूप से संदर्भों और उन विभिन्न स्क्रिप्ट्स
00:06:54के साथ स्ट्रक्चर की गई है जिनकी उसे ज़रूरत है।
00:06:56और वर्कफ़्लो के साथ-साथ, फाइल में स्पष्ट रूप से प्रत्येक स्क्रिप्ट को चलाने के ट्रिगर हैं,
00:07:01और यह भी कि विभिन्न गाइडलाइन्स के लिए संदर्भों को कब जांचना है।
00:07:04तो skill.md में, इसमें केवल nano banana स्किल के लिए वर्कफ़्लो है।
00:07:08और उसके बाद, संदर्भ अनुभाग में, इसमें विभिन्न गाइडलाइन्स हैं,
00:07:12जहाँ प्रॉम्प्टिंग नियमों में 13 अलग-अलग टेस्टर नियम शामिल हैं
00:07:15जो हमें हमारे इटरेशन टेस्टिंग के बाद मिले।
00:07:17लेकिन इस सब स्ट्रक्चर के बावजूद, Claude Code ने फिर भी कदम छोड़ने के तरीके खोज लिए।
00:07:22इमेजेस के पहले बैच को जनरेट करने के बाद,
00:07:24निश्चित रूप से उन्हें फिर से जनरेट करने की ज़रूरत थी,
00:07:26क्योंकि nano banana हमेशा सबसे सटीक आउटपुट जनरेट नहीं करता है।
00:07:29हैरानी की बात यह है कि Claude ने खुद से इसकी पुष्टि नहीं की।
00:07:33हमें उससे पूछना पड़ा कि क्या इमेजेस उस डिज़ाइन के अनुसार अच्छी थीं जिसे वह बनाना चाहता था।
00:07:37वरना, वह बस आगे बढ़ जाता और जो इमेजेस बनी थीं उन्हें ही लागू कर देता।
00:07:41अब फिर से, इसीलिए हमने कहा कि इन स्किल्स को बनाने में इटरेशन सबसे बड़ी चीज़ है।
00:07:45अब हमारे पास एसेट्स को वैलिडेट करने के लिए पहले से ही एक स्टेप था, जिसमें वैलिडेट इमेजेस स्क्रिप्ट का उपयोग किया गया था,
00:07:49लेकिन वह केवल यह वैलिडेट करता था कि इमेजेस स्ट्रक्चरली अच्छी थीं या नहीं,
00:07:52न कि यह कि इमेजेस दिखने में (aesthetically) सही थीं या नहीं।
00:07:55इसका सुंदरता (aesthetics) से कोई लेना-देना नहीं था।
00:07:57एस्थेटिक्स के लिए, Claude को खुद से एक विज़ुअल रिव्यू करना था,
00:08:00जहाँ वह इन सवालों को देखता और तय करता कि इमेज पास होगी या फेल।
00:08:04और अगर वह फेल होती, तो उसे एक कारण भी बताना पड़ता।
00:08:07ऐसा इसलिए है क्योंकि अगर इमेज विज़ुअल रिव्यू में फेल हो जाती,
00:08:09तो उसे उस इमेज को हटाना पड़ता, फिर एक नया सुधारा हुआ प्रॉम्प्ट लिखना पड़ता।
00:08:13और आप किस मोड में हैं, इसके आधार पर, यदि आप एंटी-ग्रेविटी मोड में थे,
00:08:16तो वह आपको एक नया प्रॉम्प्ट देता, जिसमें पिछला प्रॉम्प्ट फेल होने का कारण भी शामिल होता,
00:08:20ताकि एंटी-ग्रेविटी नई और बेहतर इमेजेस जनरेट कर सके।
00:08:23और इसलिए, एंटी-ग्रेविटी कह रहा है कि उसने ग्लास इमेज को फिर से जनरेट किया है,
00:08:27और इस बार यह आवश्यकताओं का पालन करती है।
00:08:29यही कारण है कि यदि आप वर्कफ़्लो बना रहे हैं, तो इन वैलिडेशन गेट्स का होना वास्तव में महत्वपूर्ण है।
00:08:34वैलिडेशन गेट्स स्पष्ट अवरोधक हैं जो उस चीज़ को परिभाषित करते हैं जिसे
00:08:39वर्कफ़्लो के अगले भाग पर जाने से पहले पूरा किया जाना चाहिए।
00:08:41और जैसा कि आपने देखा, अगर Claude पर छोड़ दिया जाए, तो वह खुशी-खुशी गायब या खराब इमेजेस के साथ UI बना देगा,
00:08:46और जब तक आप उसे नहीं बताते, वह किसी भी चीज़ को वैलिडेट नहीं करेगा।
00:08:48तो उदाहरण के लिए, इस स्किल में,
00:08:50आप स्पष्ट रूप से देख सकते हैं कि वर्कफ़्लो में कई स्टेप्स हैं जिनका उसे पालन करना है।
00:08:54और अन्य गलतियों के बीच,
00:08:55उसने अगले स्टेप पर जाने से पहले कोई वैलिडेशन गेट नहीं लिखा है।
00:08:59अब ये वैलिडेशन गेट्स अभी भी प्रॉम्प्ट ही हैं।
00:09:01ऐसा नहीं है कि वे कोई जादुई बैश कमांड्स (bash commands) हैं।
00:09:04लेकिन अगर इसे हर बार इस्तेमाल किया जाना है और इसमें कोई बदलाव नहीं है,
00:09:08तो आपको वास्तव में एक टूल बनाना चाहिए और उस टूल को वैलिडेशन गेट के रूप में लिस्ट करना चाहिए।
00:09:11लेकिन इस मामले में, कई स्टेप्स के बीच, हमारे पास ये वैलिडेशन गेट्स हैं
00:09:15जो न केवल उसे प्रक्रिया के एक भाग से दूसरे भाग में जाने से रोकने में मदद करते हैं,
00:09:19बल्कि प्रत्येक वर्कफ़्लो के अंदर एक मिनी प्रक्रिया भी बनाते हैं।
00:09:22जैसे-जैसे आप अपनी प्रक्रिया के साथ बार-बार प्रयोग और इटरेशन कर रहे होते हैं,
00:09:26आप पाएंगे कि आप कई एरर्स का सामना करते हैं, जिनमें से कुछ आपने पहले ही देखे होंगे।
00:09:30उदाहरण के लिए, गायब या भ्रष्ट इमेजेस, अधूरे API आउटपुट,
00:09:34या आंशिक विफलता के कारण स्क्रिप्ट का बंद हो जाना।
00:09:36और उस दौरान, जैसे-जैसे आप स्किल पर काम कर रहे होते हैं,
00:09:39एक अच्छे स्किल क्रिएटर को इनमें से प्रत्येक के लिए एरर हैंडलिंग नोट करनी चाहिए और उन्हें स्पष्ट रूप से परिभाषित करना चाहिए।
00:09:44क्योंकि अगर यह एक बार हुआ है, तो यह दोबारा भी हो सकता है।
00:09:46और इसे इस फॉर्मेट में हैंडल किया जाना चाहिए।
00:09:48एरर को परिभाषित करें, फिर कारण बताएं ताकि Claude को पता चल सके,
00:09:51और फिर समस्या को वास्तव में ठीक करने के स्टेप्स।
00:09:54फिर से, जब हम इसे लैंडिंग पेज बनाने के लिए कहते हैं, तो यह बस स्किल को लोड करता है और आपकी फाइलों को पढ़ता है।
00:09:58अगर आपके पास पहले से ही Next.js प्रोजेक्ट है, तो यह उसका पता लगाता है और आपसे सवाल पूछता है,
00:10:02जैसे लैंडिंग पेज किस बारे में है और क्या आप AI द्वारा जनरेटेड इमेजेस चाहते हैं या नहीं।
00:10:06अगर आप कहते हैं कि आप उन्हें नहीं चाहते, तो यह लैंडिंग पेज बनाने के लिए बस अपने फ्रंट-एंड रिसोर्सेज का उपयोग करता है।
00:10:11ऐसा इसलिए है क्योंकि जब हम इसे बना रहे थे, तो हमने Claude से इसे खत्म करने के लिए भी कहा था
00:10:16यह फ्रंट-एंड डिज़ाइन स्किल, जिसमें वास्तव में शानदार दिखने वाली साइट्स
00:10:19बनाने के लिए बहुत सारी अद्भुत गाइडलाइन्स हैं।
00:10:22और जब हमारा पूरा प्रयोग खत्म हो गया, तो इसने वास्तव में हमारे लिए यह जनरेट किया।
00:10:27तो आप देख सकते हैं कि यह वह इमेज है जिसे हमने जनरेट किया था,
00:10:29और इस पर यह सूक्ष्म एनिमेशन प्रभाव (animation effect) है।
00:10:32इसके अलावा, यह वास्तव में साफ-सुथरा दिखने वाला लैंडिंग पेज है, और इमेजेस वास्तव में ज़रूरत से ज़्यादा नहीं हैं।
00:10:36वे केवल उन्हीं जगहों पर लगाई गई हैं जहाँ उनकी वास्तव में ज़रूरत थी।
00:10:39लेकिन जब इसे पहली बार बनाया गया था, तो इसके द्वारा उपयोग किए जा रहे फॉन्ट में समस्याएँ थीं।
00:10:43यह बस ठीक से काम नहीं कर रहा था।
00:10:44इसलिए हमने यह विशिष्ट टाइपोग्राफी फॉन्ट लिया जिसके साथ उन्होंने प्रयोग किया था,
00:10:48और इसी चीज़ ने वास्तव में हमारे लिए टाइपोग्राफी की समस्याओं को ठीक किया।
00:10:51तो फिर से, हम बस अलग-अलग रिसोर्सेज जुटा रहे हैं
00:10:54जो इस nano banana डिज़ाइन स्किल से संबंधित भी नहीं हैं,
00:10:57और हम उन्हें वहां रख रहे हैं ताकि इसमें वे क्षमताएं हों जहां उसे उनकी जरूरत है।
00:11:00प्रोग्रेसिव डिस्क्लोज़र में, हमने पहले ही संदर्भों और स्क्रिप्ट्स के साथ अतिरिक्त फाइलों पर चर्चा की है।
00:11:06अब हम संदर्भों की गहराई में जा रहे हैं, जो उनकी डोमेन-विशिष्ट इंटेलिजेंस है।
00:11:09और जबकि आपकी स्किल एक विशिष्ट डोमेन के लिए पूरी तरह तैयार है,
00:11:12इसमें अलग-अलग घटकों के रूप में ये छोटे, कई नॉलेज पैकेट भी हो सकते हैं।
00:11:16उदाहरण के लिए, इन संदर्भों में, हमने डिज़ाइन पैटर्न,
00:11:19फ्रंट-एंड एस्थेटिक्स और प्रॉम्प्टिंग नियमों को सूचीबद्ध किया है।
00:11:21इस तरह, हम कॉन्टेक्स्ट विंडो को खराब किए बिना स्किल के नॉलेज बेस का विस्तार करना जारी रख सकते हैं।
00:11:26अब तक, आपने जो भी सलाह देखी है वह आपको बताती है कि Claude को कार्यों को बेहतर तरीके से करने के लिए कैसे ट्रेन किया जाए।
00:11:31लेकिन यह आपको यह नहीं बताता कि वास्तव में इसका सही तरीके से उपयोग कैसे किया जाए।
00:11:33उसके लिए, हमारे पास एक और वीडियो है जहाँ हम आपको Claude code के साथ
00:11:36फायदा उठाने के 10 सबसे अपडेटेड तरीके दिखाते हैं।
00:11:39आप एंड स्क्रीन पर वीडियो देखने वाले हैं,
00:11:41तो आप उसे सर्च करने के बजाय सीधे उसी पर क्लिक कर सकते हैं।
00:11:43यह हमें इस वीडियो के अंत में लाता है।
00:11:45अगर आप चैनल का समर्थन करना चाहते हैं और इस तरह के वीडियो बनाने में हमारी मदद करना चाहते हैं,
00:11:49तो आप नीचे दिए गए सुपर थैंक्स बटन का उपयोग करके ऐसा कर सकते हैं।
00:11:51हमेशा की तरह, देखने के लिए धन्यवाद, और मैं आपसे अगले वीडियो में मिलूँगा।

Key Takeaway

Claude Code में प्रभावी AI कोडिंग स्किल्स बनाने के लिए केवल निर्देश देना पर्याप्त नहीं है, बल्कि व्यवस्थित संरचना, निरंतर टेस्टिंग और सटीक वैलिडेशन गेट्स का होना अनिवार्य है।

Highlights

एन्थ्रोपिक ने Claude Code के लिए "स्किल्स

Timeline

Claude और एंटी-ग्रेविटी का परिचय

वीडियो की शुरुआत Claude Code और एन्थ्रोपिक द्वारा पेश की गई "स्किल्स" की अवधारणा से होती है। टीम ने बेहतर साइटें बनाने के लिए गूगल के एंटी-ग्रेविटी उत्पादों का उपयोग करने की कोशिश की, हालांकि उन्हें इसकी शुरुआती गुणवत्ता में कुछ कमियां लगीं। वक्ता सुझाव देते हैं कि हर बार Claude को नए प्रॉम्प्ट देने के बजाय एक समर्पित स्किल बनाई जानी चाहिए जिसे अच्छी तरह ट्रेन किया गया हो। आधिकारिक गाइड का हवाला देते हुए टेस्टिंग और इटरेशन को स्किल निर्माण का सबसे महत्वपूर्ण हिस्सा बताया गया है। इसके अलावा, AI Labs Pro कम्युनिटी के बारे में जानकारी दी गई है जहाँ रेडी-टू-यूज़ टेम्पलेट्स उपलब्ध हैं।

Claude और एंटी-ग्रेविटी का तालमेल

इस भाग में Claude Code और एंटी-ग्रेविटी के बीच वास्तविक वर्कफ़्लो और तालमेल की प्रक्रिया को समझाया गया है। टीम ने दोनों टूल्स में एक ही डायरेक्टरी का उपयोग किया, जहाँ Claude ने प्रोजेक्ट की शुरुआत की और एंटी-ग्रेविटी ने इमेजेस जनरेट करने का कार्य संभाला। Claude को इमेज प्रॉम्प्ट और फ़ाइल नाम प्रदान करने का काम सौंपा गया था, जिसे एंटी-ग्रेविटी ने पैरेलल प्रोसेसिंग के माध्यम से पूरा किया। जब इमेजेस एक विशिष्ट फोल्डर में रखी गईं, तो Claude को स्वचालित रूप से उनकी उपस्थिति का पता चल गया। यह तालमेल दिखाता है कि कैसे दो अलग-अलग AI टूल्स को एक ही प्रोजेक्ट पर प्रभावी ढंग से काम पर लगाया जा सकता है।

डिस्क्रिप्शन इंजीनियरिंग और ट्रिगर्स

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

स्क्रिप्ट्स और इमेज डायमेंशन सुधार

इमेज जनरेशन के दौरान आने वाली समस्याओं, जैसे कि कस्टम डायमेंशन के बजाय केवल स्क्वायर इमेज बनने पर चर्चा की गई है। टीम ने इस समस्या को हल करने के लिए skill.md और प्रॉम्प्टिंग नियमों में संशोधन किया ताकि इमेज को बाद में क्रॉपिंग टूल से ठीक किया जा सके। स्क्रिप्ट्स फोल्डर की भूमिका को यहाँ विस्तार से समझाया गया है, जो विशिष्ट आर्गुमेंट के साथ चलने वाले एग्जीक्यूटेबल टूल्स को होस्ट करता है। एक अच्छी स्क्रिप्ट में CLI आर्गुमेंट और आउटपुट देखने के लिए प्रीव्यू मोड का होना आवश्यक बताया गया है। अंत में, CREAM नामक प्रायोजक का उल्लेख किया गया है जो वैश्विक टैक्स और वैट अनुपालन को संभालने में डेवलपर्स की मदद करता है।

प्रोग्रेसिव डिस्क्लोज़र और तीन-स्तरीय संरचना

इस खंड में 'प्रोग्रेसिव डिस्क्लोज़र' की अवधारणा को विस्तार से समझाया गया है, जो कॉन्टेक्स्ट विंडो के प्रबंधन के लिए आवश्यक है। इसमें तीन-स्तरीय संरचना का उपयोग किया जाता है: पहला स्तर Claude के कॉन्टेक्स्ट में होता है, दूसरा skill.md की बॉडी, और तीसरा स्तर वर्कफ़्लो के विस्तृत संदर्भ। वक्ता 'क्रिटिकल सेक्शन' के महत्व को बताते हैं, जहाँ सबसे महत्वपूर्ण जानकारी को सबसे ऊपर रखा जाना चाहिए। एक खराब संरचना वाली फाइल में सारा विवरण एक ही जगह होता है, जिससे AI भ्रमित हो सकता है। सही संरचना में विभिन्न गाइडलाइन्स और स्क्रिप्ट्स को केवल तभी लोड किया जाता है जब उनकी वास्तव में आवश्यकता होती है।

वैलिडेशन गेट्स और विज़ुअल रिव्यू

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

एरर हैंडलिंग और अंतिम परिणाम

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

Community Posts

View all posts