इस प्रोजेक्ट के बारे में
Agent Skills AI कोडिंग एजेंट्स के लिए स्किल्स का एक संग्रह है, जिसे निर्देशों और स्क्रिप्ट्स के रूप में पैकेज किया गया है जो एजेंट क्षमताओं को बढ़ाते हैं। स्किल्स Agent Skills प्रारूप का पालन करती हैं और इंस्टॉल होने के बाद स्वचालित रूप से उपलब्ध हो जाती हैं, एजेंट प्रासंगिक कार्यों का पता चलने पर उन्हें लागू करता है।
शामिल स्किल्स:
- vercel-optimize: लागत, प्रदर्शन, विश्वसनीयता, कैशिंग, फ़ंक्शन उपयोग और बिलिंग अवसरों के लिए Vercel प्रोजेक्ट का ऑडिट करता है। यह पहले Vercel मेट्रिक्स एकत्र करता है, फिर केवल उन रूट्स और फ़ाइलों की जांच करता है जिनकी ओर वे मेट्रिक्स इंगित करते हैं। डिप्लॉय किए गए प्रोजेक्ट्स को अनुकूलित करने, लागत या फ़ंक्शन उपयोग कम करने, धीमे या महंगे रूट्स की जांच करने, कैशिंग/ISR/मिडलवेयर/इमेज/बिल्ड-मिनट समस्याओं को खोजने और रैंक किया गया लागत और प्रदर्शन रिपोर्ट तैयार करने के लिए है।
- react-best-practices: Vercel Engineering से React और Next.js प्रदर्शन अनुकूलन दिशानिर्देश, जिनमें 8 श्रेणियों में 40+ नियम प्रभाव के अनुसार प्राथमिकता दिए गए हैं। श्रेणियों में वॉटरफ़ॉल्स को समाप्त करना, बंडल आकार अनुकूलन, सर्वर-साइड प्रदर्शन, क्लाइंट-साइड डेटा फ़ेचिंग, री-रेंडर अनुकूलन, रेंडरिंग प्रदर्शन और JavaScript माइक्रो-अनुकूलन शामिल हैं। कंपोनेंट्स या पेज लिखते समय, डेटा फ़ेचिंग लागू करते समय, प्रदर्शन के लिए कोड की समीक्षा करते समय, या बंडल आकार और लोड समय को अनुकूलित करते समय उपयोगी।
- web-design-guidelines: UI कोड की समीक्षा 100+ नियमों के आधार पर करता है जो एक्सेसिबिलिटी, प्रदर्शन और UX को कवर करते हैं। श्रेणियों में एक्सेसिबिलिटी, फ़ोकस स्टेट्स, फ़ॉर्म, एनिमेशन, टाइपोग्राफी, इमेज, प्रदर्शन, नेविगेशन और स्टेट, डार्क मोड और थीमिंग, टच और इंटरैक्शन, और लोकेल/i18n शामिल हैं।
- writing-guidelines: Vercel राइटिंग हैंडबुक के आधार पर डॉक्स और गद्य की समीक्षा 80+ नियमों के साथ करता है जो योजना, आवाज़ और लहजा, सामग्री प्रकार के अनुसार लहजा, शीर्षक और संरचना, सूचियाँ, कोड, प्लेसहोल्डर/इकाइयाँ/संख्याएँ, टाइपोग्राफी, स्रोत फ़ॉर्मेटिंग, मूल्य निर्धारण और मनी पेज, AI वर्कफ़्लो और समीक्षा को कवर करते हैं।
- react-native-guidelines: AI एजेंट्स के लिए अनुकूलित React Native सर्वोत्तम प्रथाएं, जिनमें 7 अनुभागों में 16 नियम प्रदर्शन, लेआउट, एनिमेशन, इमेज, स्टेट प्रबंधन, आर्किटेक्चर और प्लेटफ़ॉर्म-विशिष्ट पैटर्न को कवर करते हैं।
- react-view-transitions: React के View Transition API के साथ एनिमेशन लागू करने के लिए मार्गदर्शन, जिसमें ViewTransition कंपोनेंट, addTransitionType, ट्रांज़िशन प्रकार, साझा एलिमेंट ट्रांज़िशन, Web Animations API के माध्यम से JavaScript एनिमेशन, next/link पर transitionTypes प्रॉप सहित Next.js एकीकरण, उपयोग के लिए तैयार CSS एनिमेशन रेसिपी और एक्सेसिबिलिटी विचार शामिल हैं।
- composition-patterns: स्केलिंग के लिए React कंपोज़िशन पैटर्न, कंपाउंड कंपोनेंट्स, स्टेट लिफ्टिंग और आंतरिक कंपोज़िशन के माध्यम से बूलियन प्रॉप प्रसार से बचने में मदद करता है।
- vercel-deploy-claimable: एप्लिकेशन और वेबसाइट को Vercel पर डिप्लॉय करता है, जिसे claude.ai और Claude Desktop के साथ उपयोग के लिए डिज़ाइन किया गया है। यह package.json से 40+ फ्रेमवर्क का स्वतः पता लगाता है, स्वामित्व हस्तांतरित करने के लिए एक प्रीव्यू URL और एक क्लेम URL लौटाता है, स्टैटिक HTML प्रोजेक्ट्स को संभालता है, और अपलोड से node_modules और .git को बाहर रखता है।
इंस्टॉलेशन npx skills add vercel-labs/agent-skills के माध्यम से किया जाता है। प्रत्येक स्किल में एजेंट निर्देशों के साथ एक SKILL.md, ऑटोमेशन के लिए वैकल्पिक स्क्रिप्ट्स और वैकल्पिक संदर्भ शामिल हैं। main पर किसी स्किल में प्रत्येक परिवर्तन एक अपरिवर्तनीय GitHub रिलीज़ प्रकाशित करता है जिसमें एक Agent Skills डिस्कवरी इंडेक्स और प्रति स्किल एक आर्टिफ़ैक्ट होता है; वही आर्टिफ़ैक्ट्स एक प्रदान की गई स्क्रिप्ट के साथ स्थानीय रूप से बनाए जा सकते हैं। यह प्रोजेक्ट MIT के अंतर्गत लाइसेंस प्राप्त है।
Comments
0 people shared their preference · Deer Point appears after 10 participants
Sign in to join the discussion.