Vercel Agent Skills के साथ मैंने Claude Code को और भी बेहतर कैसे बनाया
원제 · How I Made Claude Code WAY Better With Vercel Agent Skills
핵심 요약
यह वीडियो वर्सेल और क्लाउडफ्लेयर द्वारा एआई एजेंटों की कार्यक्षमता बढ़ाने के लिए विकसित किए जा रहे नए 'एजेंट स्किल्स' फ्रेमवर्क और उनके बीच के तकनीकी अंतर को समझाता है।
하이라이트
वर्सेल एजेंट स्किल्स एक डायरेक्टरी है जो एआई एजेंटों की क्षमताओं को बढ़ाने के लिए विशिष्ट 'स्किल्स' प्रदान करती है।
एजेंट स्किल्स .cloud फोल्डर और skills.md फाइल का उपयोग करके काम करती हैं, जिसमें निर्देश और विवरण होते हैं।
'प्रोग्रेसिव डिस्क्लोजर' तकनीक का उपयोग करके मॉडल केवल आवश्यकता पड़ने पर ही गहरी जानकारी लोड करता है।
NPX Add Skill टूल 16 अलग-अलग एजेंटों में आसानी से स्किल्स इंस्टॉल करने और ऑटो-डिटेक्ट करने की सुविधा देता है।
क्लाउडफ्लेयर का नया प्रस्ताव JSON आधारित ऑटोमैटिक डिस्कवरी का सुझाव देता है, जो वर्सेल के वर्तमान सिस्टम के लिए एक विकल्प हो सकता है।
टेलीमेट्री का उपयोग स्किल्स की लोकप्रियता और ट्रेंड्स को ट्रैक करने के लिए किया जाता है, जिसे यूजर चाहें तो बंद कर सकते हैं।
बेटर स्टैक जैसे टूल्स डेवलपर्स को उनके एआई प्रोजेक्ट्स में एरर ट्रैकिंग और लॉगिंग में मदद करते हैं।
타임라인
एजेंट स्किल्स का परिचय और संरचना
इस शुरुआती भाग में वर्सेल एजेंट स्किल्स की डायरेक्टरी और इसकी कार्यप्रणाली के बारे में बताया गया है। स्पीकर बताते हैं कि कैसे ये स्किल्स किसी साधारण एआई एजेंट को रिएक्ट विशेषज्ञ या मोशन ग्राफिक्स एडिटर में बदल सकती हैं। तकनीकी रूप से, यह सिस्टम .cloud फोल्डर के भीतर एक विशिष्ट डायरेक्टरी संरचना और skills.md फाइल पर निर्भर करता है। इसमें YAML फ्रंट मैटर का होना अनिवार्य है जिसमें स्किल का नाम और विवरण दिया जाता है। यह खंड स्पष्ट करता है कि कैसे ये निर्देश मॉडल के कॉन्टेक्स्ट में लोड होकर उसे विशिष्ट कार्यों के लिए तैयार करते हैं।
प्रोग्रेसिव डिस्क्लोजर और व्यापक अपनाव
यहाँ 'प्रोग्रेसिव डिस्क्लोजर' तकनीक की सुंदरता पर चर्चा की गई है, जो कॉन्टेक्स्ट विंडो को कुशलतापूर्वक प्रबंधित करती है। शुरुआत में केवल फ्रंट मैटर की जानकारी लोड होती है, और यदि प्रॉम्प्ट को इसकी आवश्यकता होती है, तभी पूरी फाइल का विवरण एक्टिव कॉन्टेक्स्ट में जोड़ा जाता है। एंथ्रोपिक द्वारा शुरू की गई इस तकनीक को अब माइक्रोसॉफ्ट और ओपनएआई जैसी बड़ी कंपनियों ने भी अपना लिया है। हालाँकि, शुरुआत में स्किल्स को मैन्युअल रूप से क्लोन करना पड़ता था, जो एक बड़ी चुनौती थी। यह खंड एआई मॉडल्स के प्रभावी उपयोग के लिए सूचना के क्रमिक प्रकटीकरण के महत्व को रेखांकित करता है।
NPX Add Skill और ऑटो-डिटेक्शन
वर्सेल ने स्किल्स को इंस्टॉल करना आसान बनाने के लिए 'NPX Add Skill' प्रोजेक्ट पेश किया है, जो 16 विभिन्न एजेंटों का समर्थन करता है। यह टूल स्वचालित रूप से यूजर के एजेंट (जैसे कर्सर या क्लाउड कोड) को पहचानता है और सही स्थान पर सिम-लिंक बना देता है। सुरक्षा के लिए, यह रेपो को क्लोन करने के बाद skills.md फाइल की जाँच करता है और न मिलने पर उसे हटा देता है। यह प्रक्रिया तकनीकी जटिलता को कम करती है ताकि डेवलपर्स आसानी से नई क्षमताएं जोड़ सकें। इस खंड में कर्सर के लिए .cursor और क्लाउड कोड के लिए .clause जैसी फाइलों के उपयोग का उदाहरण दिया गया है।
स्किल डिस्कवरी और टेलीमेट्री सिस्टम
वीडियो का यह हिस्सा skills.sh वेबसाइट के बारे में है, जो उपलब्ध स्किल्स को खोजने के लिए एक हब के रूप में कार्य करता है। यह सिस्टम गुमनाम टेलीमेट्री का उपयोग करता है ताकि यह पता लगाया जा सके कि कौन सी स्किल्स ट्रेंड कर रही हैं और कितनी बार डाउनलोड हुई हैं। डेवलपर्स इस प्लेटफॉर्म पर रिएक्ट नेटिव और रीमोशन (ReMotion) जैसी लोकप्रिय स्किल्स पा सकते हैं। प्राइवेसी के प्रति जागरूक यूजर्स के लिए टेलीमेट्री को डिसेबल करने का विकल्प भी उपलब्ध है। यह खंड बताता है कि कैसे डेटा के माध्यम से एक बेहतर डेवलपर ईकोसिस्टम बनाया जा रहा है।
क्लाउडफ्लेयर का प्रस्ताव बनाम वर्सेल
यहाँ क्लाउडफ्लेयर द्वारा प्रस्तावित एक वैकल्पिक 'ऑटो-डिस्कवरी' पद्धति की व्याख्या की गई है जो JSON फाइलों पर आधारित है। इस तरीके में एजेंट एक 'well-known' URL से index.json फाइल लोड करता है और आवश्यकतानुसार फाइलों को कैश करता है। स्पीकर का मानना है कि क्लाउडफ्लेयर का तरीका बड़ी कंपनियों के लिए अच्छा है लेकिन छोटे डेवलपर्स के लिए इसमें कदम अधिक हैं। यदि यह प्रस्ताव मान लिया जाता है, तो वर्सेल के प्रोजेक्ट के भविष्य पर सवाल उठ सकते हैं। यह खंड भविष्य की तकनीकी प्रतिस्पर्धा और मानकीकरण की संभावनाओं पर गहराई से विचार करता है।
निष्कर्ष और एरर ट्रैकिंग समाधान
अंतिम भाग में स्पीकर सुझाव देते हैं कि वर्सेल और क्लाउडफ्लेयर के दोनों तरीके एक साथ सह-अस्तित्व में रह सकते हैं। छोटे और स्वतंत्र डेवलपर्स के लिए वर्सेल का तरीका बेहतर रह सकता है, जबकि बड़ी सेवाओं के लिए क्लाउडफ्लेयर का। इसके साथ ही, एआई प्रोजेक्ट्स में आने वाली गलतियों को पकड़ने के लिए 'बेटर स्टैक' (Better Stack) जैसे टूल का उपयोग करने की सलाह दी गई है। यह टूल बैक-एंड लॉग्स और एआई-नेटिव फ्रंट-एंड एरर ट्रैकिंग दोनों में सक्षम है। वीडियो एक व्यावहारिक समाधान और डेवलपर टूल्स के सुझाव के साथ समाप्त होता है।
설명
AI डेवलपमेंट की दुनिया पूरी तरह से बदल गई है। Vercel का नया Agent Skills इकोसिस्टम बुनियादी तौर पर बदल रहा है कि हम Claude Code और अन्य कोडिंग एजेंट्स के साथ कैसे काम करते हैं। Skills CLI टूल आपको एक सिंगल कमांड के साथ स्किल्स इंस्टॉल करने की सुविधा देता है, और skills.sh मार्केटप्लेस आपको नई स्किल्स खोजने में मदद करता है। लेकिन Cloudflare ने एक प्रतिस्पर्धी RFC (Agent Skills Discovery via Well-Known URIs) पेश किया है, जो .well-known URIs का उपयोग करके एक पूरी तरह से अलग दृष्टिकोण का प्रस्ताव देता है—यह Vercel के पूरे सेंट्रलाइज्ड डायरेक्टरी मॉडल को पुराना बना सकता है। 🔗 संबंधित लिंक्स Cloudflare का प्रस्ताव - [https://github.com/cloudflare/agent-skills-discovery-rfc?tab=readme-ov-file](https://github.com/cloudflare/agent-skills-discovery-rfc?tab=readme-ov-file) Vercel skills - [https://vercel.com/changelog/introducing-skills-the-open-agent-skills-ecosystem](https://vercel.com/changelog/introducing-skills-the-open-agent-skills-ecosystem) shades 2134 द्वारा इंट्रो फ्रंटएंड डिज़ाइन - [https://www.reddit.com/user/shades2134/](https://www.reddit.com/user/shades2134/) Magnus का Remotion उदाहरण - [https://x.com/mamagnus00/status/2014459283560358034](https://x.com/mamagnus00/status/2014459283560358034) ❤️ हमारे बारे में और जानें बेहतर ऑब्जर्वेबिलिटी स्टैक: [https://betterstack.com/](https://betterstack.com/) लिखित ट्यूटोरियल्स: [https://betterstack.com/community/](https://betterstack.com/community/) उदाहरण प्रोजेक्ट्स: [https://github.com/BetterStackHQ](https://github.com/BetterStackHQ) 📱 सोशल मीडिया Twitter: [https://twitter.com/betterstackhq](https://twitter.com/betterstackhq) Instagram: [https://www.instagram.com/betterstackhq/](https://www.instagram.com/betterstackhq/) TikTok: [https://www.tiktok.com/@betterstack](https://www.tiktok.com/@betterstack) LinkedIn: [https://www.linkedin.com/company/betterstack](https://www.linkedin.com/company/betterstack) 📌 चैप्टर्स: 0:00 इंट्रो 0:26 Agent Skills रीकैप 2:05 Vercel का add-skill प्रोजेक्ट 2:58 स्किल डिस्कवरी के लिए Skills.sh 4:00 Cloudflare का प्रस्ताव 4:21 Cloudflare का प्रस्ताव कैसे काम करता है 5:11 इस प्रस्ताव के साथ समस्याएं