vue-skills एक AI Agent स्किल लाइब्रेरी है। npx skills add vuejs-ai/skills कमांड के माध्यम से इंस्टॉल करने के बाद, AI वार्तालाप में use vue skill प्रीफिक्स का उपयोग करके, आप Cursor, Claude Code और अन्य 30+ AI टूल्स को Vue 3 आधिकारिक नियमों का पालन करते हुए कोड जनरेट और त्रुटियों का निवारण करने के लिए कह सकते हैं।
vue-skills क्या है?
vue-skills Vue कोर टीम और VoidZero सदस्यों द्वारा संयुक्त रूप से पेश की गई एक AI Agent स्किल लाइब्रेरी है। यह प्रोजेक्ट Agent Skills ओपन स्टैंडर्ड पर आधारित है, और Vue 3 सर्वोत्तम प्रथाओं, Pinia नियमों, Vue Router और VueUse दिशानिर्देशों को संरचित ज्ञान मॉड्यूल में गहराई से एनकैप्सुलेट करता है। डेवलपर्स को केवल टूल को Cursor, Claude Code और अन्य AI प्रोग्रामिंग टूल्स में इंस्टॉल करना होता है, और Vue कोड जनरेट करते समय AI स्वचालित रूप से आधिकारिक नियमों का पालन करता है, जिससे कोड की "चलता है लेकिन गलत है" समस्या का प्रभावी समाधान होता है और उच्च गुणवत्ता वाला, कम्युनिटी मानकों के अनुरूप फ्रंटएंड कोड आउटपुट होता है।
ध्यान दें कि यह रिपॉजिटरी वर्तमान में 🚧 Early Experiment / Community Project (प्रारंभिक प्रयोग/सामुदायिक परियोजना) चरण में है। स्किल्स वास्तविक समस्याओं से प्राप्त होती हैं, लेकिन कुछ मामलों में हॉलुसिनेशन के कारण अधूरी हो सकती हैं। टीम सामुदायिक फीडबैक का स्वागत करती है और प्रोजेक्ट के परिपक्व होने पर इसे व्यापक सामुदायिकता के लिए Vue आधिकारिक संगठन में स्थानांतरित करने की योजना है।
उत्पाद स्थिति
vue-skills की मुख्य स्थिति AI और Vue आधिकारिक नियमों के बीच एक "अनुवाद परत" के रूप में है। AI-सहायक प्रोग्रामिंग के तेजी से बढ़ने के समय में, बड़े भाषा मॉडल अक्सर पुराने दस्तावेज़ों या गैर-मानक एंटी-पैटर्न पर आधारित कोड जनरेट करते हैं। vue-skills आधिकारिक, संरचित नियमों का सेट प्रदान करके AI प्रशिक्षण डेटा के पीछे रहने या क्षमता की कमी की भरपाई करता है, यह सुनिश्चित करता है कि AI हमेशा नवीनतम और सबसे अधिक मानक Vue कोड आउटपुट करे।
मुख्य विशेषताएं
vue-skills Vue इकोसिस्टम डेवलपमेंट के लिए पूर्ण श्रृंखला नियमों को कवर करता है, जिसमें मुख्य विशेषताएं शामिल हैं:
- Vue 3 सर्वोत्तम प्रथाएं: Composition API के सही उपयोग, सामान्य नुकसान से बचाव, SSR प्रदर्शन अनुकूलन और प्रोजेक्ट रखरखाव नियम।
- Options API नियम: this संदर्भ प्रबंधन, जीवनचक्र हुक्स और TypeScript अनुकूलन रणनीतियां।
- Vue Router 4 गाइड: नेविगेशन गार्ड कॉन्फ़िगरेशन, रूट पैरामीटर प्रोसेसिंग और रूटेड घटक जीवनचक्र नियम।
- Pinia स्टेट मैनेजमेंट: Store प्रकार डिज़ाइन, TS अनुमान, मॉड्यूलर संगठन और प्रतिक्रियाशील पैटर्न।
- टेस्टिंग नियम: Vitest, Vue Test Utils और Playwright के लिए घटक यूनिट टेस्टिंग और E2E टेस्टिंग मानक।
- Vue JSX सिंटैक्स: React JSX के साथ स्कोप और निर्देशों में अंतर की व्याख्या करना, डेवलपर्स के मिक्सिंग त्रुटियों से बचने में सहायता।
- डिबगिंग मैनुअल: रनटाइम त्रुटियों, अतुल्यकालिक अपवाद प्रबंधन और हाइड्रेशन समस्याओं के लिए ट्रबलशूटिंग गाइड (जैसे vue-debug-guides स्किल ट्रिगर करना)।
- Composable एनकैप्सुलेशन: MaybeRef और MaybeRefOrGetter पर आधारित मानकीकृत पुन: प्रयोज्य लॉजिक एनकैप्सुलेशन का समर्थन।
उपयोग के चरण
अपने प्रोजेक्ट में vue-skills लागू करने के लिए, इन मानक चरणों का पालन करें:
- स्किल पैकेज इंस्टॉल करें: टर्मिनल में
npx skills add vuejs-ai/skillsकमांड निष्पादित करें ताकि Vue Skills को आपके स्थानीय वातावरण में जोड़ा जा सके। - AI टूल चुनें: टर्मिनल इंटरैक्टिव प्रॉम्प्ट के अनुसार, अपना वर्तमान AI टूल (जैसे Cursor, Claude Code या GitHub Copilot) चुनें।
- इंस्टॉलेशन सीमा कॉन्फ़िगर करें: वैश्विक या प्रोजेक्ट-स्तर की इंस्टॉलेशन सीमा चुनें, और सुरक्षा मूल्यांकन पूरा करें और पुष्टि करें।
- स्पष्ट रूप से स्किल ट्रिगर करें: AI वार्तालाप में प्रीफिक्स प्रॉम्प्ट
use vue skillजोड़ें। यह चरण महत्वपूर्ण है; स्पष्ट रूप से ट्रिगर करने से यह सुनिश्चित होता है कि AI संबंधित नियमों को सटीक रूप से कॉल करे। प्रीफिक्स के बिना, स्किल ट्रिगरिंग असंगत हो सकती है क्योंकि प्रॉम्प्ट विवरण कीवर्ड से मेल नहीं खाता है। - डेवलपमेंट आवश्यकताओं का वर्णन करें: अपने Vue डेवलपमेंट कार्य का सीधे वर्णन करें, AI स्वचालित रूप से स्किल नियमों को संदर्भित करेगा और आधिकारिक मानकों के अनुरूप कोड जनरेट करेगा।
उपयोग के मामले
- AI-सहायित Vue 3 डेवलपमेंट: AI को Composition API नियमों और टाइप-सेफ घटक कोड के अनुरूप कोड जनरेट करने दें, सामान्य एंटी-पैटर्न से बचें।
- टीम कोड मानकीकरण: बहु-व्यक्ति सहयोग प्रोजेक्ट्स में, सुनिश्चित करें कि सभी सदस्यों के AI-जनरेटेड कोड एक ही Vue आधिकारिक सर्वोत्तम प्रथाओं का पालन करें, जिससे कोड समीक्षा के दौरान शैली विवाद कम हों।
- Vue 2 से Vue 3 में माइग्रेशन: बिल्ट-इन Options API और Composition API तुलना नियमों का उपयोग करके, AI को पुराने प्रोजेक्ट कोड को Vue 3 मानक लेखन में रिफैक्टर करने में सहायता करें।
- डिबगिंग और ट्रबलशूटिंग: हाइड्रेशन त्रुटियों या रिएक्टिविटी अपवादों का सामना करते समय, AI को आधिकारिक ट्रबलशूटिंग मैनुअल के अनुसार मूल कारण का पता लगाने दें।
फायदे
- आधिकारिक स्रोत: Vue कोर टीम और VoidZero सदस्यों द्वारा अनुरक्षित, वास्तविक समस्याओं और आधिकारिक दस्तावेज़ों से सत्यापित, कम्युनिटी द्वारा द्वितीयक संकलन नहीं।
- आवश्यकता अनुसार लोड करें: प्रगतिशील प्रकटीकरण तंत्र को अपनाता है, केवल कार्य मेल खाने पर पूर्ण निर्देश गतिशील रूप से लोड होते हैं, टोकन और संदर्भ विंडो पर दीर्घकालिक कब्ज़ा नहीं करते हैं।
- क्रॉस-टूल संगतता: Agent Skills ओपन स्टैंडर्ड का पालन करता है, Cursor, Claude Code, GitHub Copilot, Gemini CLI और 30+ AI टूल्स का समर्थन करता है।
- गतिशील अनुकूलन: इंटरैक्टिव कॉन्फ़िगरेशन के माध्यम से Vue 2/3 संस्करण, कम्पोज़िशन/ऑप्शंस API, Pinia स्थिति जैसी प्रोजेक्ट विशेषताओं को स्वचालित रूप से पहचानता है।
- स्वचालित सत्यापन: प्रत्येक नियम स्वचालित eval परीक्षणों से गुज़रता है, केवल "स्किल के बिना विफल, स्किल के साथ पास" वाले प्रभावी नियम बनाए रखता है, गुणवत्ता नियंत्रण सुनिश्चित करता है।
सीमाएं
एक 🚧 Early Experiment / Community Project के रूप में, हालांकि vue-skills वास्तविक दुनिया की समस्याओं से उत्पन्न होता है, फिर भी मॉडल की हॉलुसिनेशन के कारण सामग्री अधूरी हो सकती है। प्रोजेक्ट वर्तमान में dev ब्रांच पर विकसित हो रहा है, main ब्रांच में केवल प्रकाशित स्थिर स्किल्स रखी गई हैं। सामान्य डेवलपर्स द्वारा सबमिट किए गए परिवर्तनों को अनुमोदन के बाद dev ब्रांच में मर्ज किया जाता है, और फिर अनुरक्षक GitHub Action के माध्यम से उन्हें मुख्य ब्रांच में सिंक करते हैं।
मूल्य और सत्यापन नोट
vue-skills वर्तमान में GitHub पर एक ओपन-सोर्स प्रोजेक्ट के रूप में उपलब्ध है। भविष्य में सशुल्क रणनीतियों या एंटरप्राइज़-स्तरीय समर्थन की शुरूआत के बारे में, कृपया पाठक उत्पाद की आधिकारिक वेबसाइट पर नवीनतम अपडेट और उपलब्धता की जानकारी सत्यापित करें।
विकल्प और समान प्रोजेक्ट्स
यदि आप समान टूल्स की तलाश कर रहे हैं, तो आप निम्नलिखित कम्युनिटी प्रोजेक्ट्स देख सकते हैं:
- antfu/skills: Anthony Fu द्वारा चयनित Vue/Vite/Nuxt Agent स्किल्स का संग्रह।
- vueuse/vueuse-skills: VueUse डेवलपमेंट के लिए डिज़ाइन की गई Agent स्किल्स।
- onmax/nuxt-skills: Nuxt डेवलपमेंट के लिए डिज़ाइन की गई Agent स्किल्स।
आधिकारिक लिंक और संसाधन
- आधिकारिक रिपॉजिटरी: https://github.com/vuejs-ai/skills
- प्रकाशन मंच: github.com
अक्सर पूछे जाने वाले प्रश्न
Cursor में vue-skills का उपयोग कैसे करें?
टर्मिनल में `npx skills add vuejs-ai/skills` निष्पादित करें और इंटरैक्टिव प्रॉम्प्ट में Cursor चुनें। वैश्विक या प्रोजेक्ट-स्तर की इंस्टॉलेशन सीमा कॉन्फ़िगर करने के बाद, वार्तालाप में `use vue skill` प्रीफिक्स प्रॉम्प्ट दर्ज करें ताकि स्किल स्पष्ट रूप से ट्रिगर हो जाए और AI अपने आप आधिकारिक नियमों का पालन करे।
vue-skills में कौन से विशिष्ट मानक शामिल हैं?
यह स्किल लाइब्रेरी Vue 3 सर्वोत्तम प्रथाओं, Options API मानकों, Vue Router 4 गाइड, Pinia स्टेट मैनेजमेंट, टेस्टिंग मानकों, Vue JSX सिंटैक्स, डिबगिंग मैनुअल और Composable एनकैप्सुलेशन मॉड्यूल को कवर करती है, जो Vue इकोसिस्टम डेवलपमेंट चेन को व्यापक रूप से कवर करती है।
vue-skills किन AI टूल्स का समर्थन करता है?
चूंकि यह Agent Skills ओपन स्टैंडर्ड का पालन करता है, vue-skills Cursor, Claude Code, GitHub Copilot, Gemini CLI और 30+ अन्य मुख्यधारा के AI प्रोग्रामिंग टूल्स का समर्थन करता है।
वार्तालाप में use vue skill प्रीफिक्स जोड़ना क्यों आवश्यक है?
स्पष्ट रूप से स्किल को ट्रिगर करने से यह सुनिश्चित होता है कि AI संबंधित नियमों को सटीक रूप से कॉल करे। प्रीफिक्स के बिना, स्किल ट्रिगर इसलिए असंगत हो सकता है क्योंकि प्रॉम्प्ट स्किल के विवरण कीवर्ड से कितना मेल खाता है, इस पर निर्भर करता है।
