প্রকল্প সম্পর্কে

Agent Skills হলো AI কোডিং এজেন্টের জন্য স্কিলের একটি সংগ্রহ, যা নির্দেশনা ও স্ক্রিপ্ট আকারে প্যাকেজ করা হয়েছে এবং এজেন্টের সক্ষমতা বাড়ায়। স্কিলগুলো Agent Skills ফরম্যাট অনুসরণ করে এবং ইনস্টল করার পর স্বয়ংক্রিয়ভাবে উপলব্ধ হয়; প্রাসঙ্গিক কাজ শনাক্ত হলে এজেন্ট সেগুলো ব্যবহার করে। অন্তর্ভুক্ত স্কিলগুলো: - vercel-optimize: খরচ, পারফরম্যান্স, নির্ভরযোগ্যতা, ক্যাশিং, ফাংশন ব্যবহার এবং বিলিং সুযোগের জন্য একটি Vercel প্রকল্প অডিট করে। এটি প্রথমে Vercel মেট্রিক্স সংগ্রহ করে, তারপর শুধু সেই রুট ও ফাইলগুলো তদন্ত করে যেগুলোর দিকে মেট্রিক্স ইঙ্গিত করে। ডিপ্লয় করা প্রকল্প অপ্টিমাইজ করা, খরচ বা ফাংশন ব্যবহার কমানো, ধীর বা ব্যয়বহুল রুট তদন্ত করা, ক্যাশিং/ISR/মিডলওয়্যার/ইমেজ/বিল্ড-মিনিট সমস্যা খুঁজে বের করা এবং একটি র‍্যাঙ্ক করা খরচ ও পারফরম্যান্স রিপোর্ট তৈরি করার জন্য উপযুক্ত। - react-best-practices: Vercel Engineering থেকে React ও Next.js পারফরম্যান্স অপ্টিমাইজেশন নির্দেশিকা, যেখানে প্রভাব অনুসারে অগ্রাধিকার দেওয়া ৮টি বিভাগে ৪০+ নিয়ম রয়েছে। বিভাগগুলোর মধ্যে আছে ওয়াটারফল দূর করা, বান্ডল সাইজ অপ্টিমাইজেশন, সার্ভার-সাইড পারফরম্যান্স, ক্লায়েন্ট-সাইড ডেটা ফেচিং, রি-রেন্ডার অপ্টিমাইজেশন, রেন্ডারিং পারফরম্যান্স এবং JavaScript মাইক্রো-অপ্টিমাইজেশন। কম্পোনেন্ট বা পেজ লেখা, ডেটা ফেচিং বাস্তবায়ন, পারফরম্যান্সের জন্য কোড রিভিউ করা, বা বান্ডল সাইজ ও লোড টাইম অপ্টিমাইজ করার সময় উপযোগী। - web-design-guidelines: অ্যাক্সেসিবিলিটি, পারফরম্যান্স এবং UX কভার করে ১০০+ নিয়মের বিপরীতে UI কোড রিভিউ করে। বিভাগগুলোর মধ্যে আছে অ্যাক্সেসিবিলিটি, ফোকাস স্টেট, ফর্ম, অ্যানিমেশন, টাইপোগ্রাফি, ইমেজ, পারফরম্যান্স, নেভিগেশন ও স্টেট, ডার্ক মোড ও থিমিং, টাচ ও ইন্টারঅ্যাকশন এবং লোকেল/i18n। - writing-guidelines: Vercel লেখার হ্যান্ডবুকের বিপরীতে ডকস ও গদ্য রিভিউ করে, যেখানে পরিকল্পনা, ভয়েস ও টোন, কনটেন্ট টাইপ অনুসারে টোন, শিরোনাম ও কাঠামো, তালিকা, কোড, প্লেসহোল্ডার/একক/সংখ্যা, টাইপোগ্রাফি, সোর্স ফরম্যাটিং, প্রাইসিং ও মানি পেজ, AI ওয়ার্কফ্লো এবং রিভিউ কভার করে ৮০+ নিয়ম রয়েছে। - react-native-guidelines: AI এজেন্টের জন্য অপ্টিমাইজ করা React Native সেরা অনুশীলন, যেখানে পারফরম্যান্স, লেআউট, অ্যানিমেশন, ইমেজ, স্টেট ম্যানেজমেন্ট, আর্কিটেকচার এবং প্ল্যাটফর্ম-নির্দিষ্ট প্যাটার্ন কভার করে ৭টি বিভাগে ১৬টি নিয়ম রয়েছে। - 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 থেকে ৪০+ ফ্রেমওয়ার্ক স্বয়ংক্রিয়ভাবে শনাক্ত করে, একটি প্রিভিউ URL এবং মালিকানা হস্তান্তরের জন্য একটি claim URL ফেরত দেয়, স্ট্যাটিক HTML প্রকল্প পরিচালনা করে এবং আপলোড থেকে node_modules ও .git বাদ দেয়। ইনস্টলেশন করা হয় npx skills add vercel-labs/agent-skills-এর মাধ্যমে। প্রতিটি স্কিলে এজেন্ট নির্দেশনা সহ একটি SKILL.md, স্বয়ংক্রিয়করণের জন্য ঐচ্ছিক স্ক্রিপ্ট এবং ঐচ্ছিক রেফারেন্স থাকে। main-এ কোনো স্কিলে প্রতিটি পরিবর্তন একটি অপরিবর্তনীয় GitHub রিলিজ প্রকাশ করে, যাতে একটি Agent Skills ডিসকভারি ইনডেক্স এবং প্রতি স্কিলে একটি আর্টিফ্যাক্ট থাকে; প্রদত্ত স্ক্রিপ্ট দিয়ে একই আর্টিফ্যাক্ট স্থানীয়ভাবে বিল্ড করা যায়। প্রকল্পটি MIT লাইসেন্সের অধীনে।