كيف جعلت Claude Code أفضل بمراحل باستخدام مهارات Vercel Agent

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00هذا هو «Skills By The Cell»، وهو دليل لمهارات الوكلاء البرمجية (Agent Skills) التي يمكنك إضافتها لأي وكيل
00:00:04لتوسيع قدراته، مثل جعله متميزاً في React، أو تحويله إلى مصمم واجهات أمامية،
00:00:10أو حتى تحويله لمحرر رسوم متحركة. تعمل الفكرة بالكامل عبر نسخ وفحص المستودع (Repo)
00:00:15للتأكد من وجود ملف «skills.md» قبل تثبيت المهارة. ولكن، هل سيجعل مقترح «Cloudflare» الجديد
00:00:22هذا المورد المذهل طي النسيان؟ اشترك في القناة ولندخل في التفاصيل.
00:00:27أطلقت شركة Anthropic مهارات الوكلاء العام الماضي لتحسين قدرات نموذج «Claude» في مهام
00:00:32محددة، وتعمل عبر إضافة مجلد مهارات (skills) داخل مجلد «.cloud»، ثم إضافة مجلد
00:00:37آخر يحمل اسم المهارة، يليه ملف «skills.md».
00:00:42يجب أن يحتوي هذا الملف على عدة عناصر أساسية لتعمل المهارة. أولاً، القسم العلوي،
00:00:47وهو ترويسة (front matter) بتنسيق YAML، ويجب أن تتضمن على الأقل اسم المهارة ووصفها.
00:00:52بعد ذلك، وفي الأسفل خارج الترويسة، نضع التعليمات البرمجية الخاصة بالمهارة.
00:00:58يتم تحميل هذه التعليمات في سياق النموذج (Context) ليتمكن من استخدامها في المهمة المحددة.
00:01:03يكمن جمال هذه المهارات في تقنية تسمى «الكشف التدريجي»، حيث يتم عرض المعلومات الأساسية
00:01:08فقط في البداية، ويمكن للنموذج التعمق للبحث عن المزيد إذا لزم الأمر.
00:01:13لذا عند تشغيل الوكيل، يتم تحميل معلومات الترويسة لكل مهارة فقط في سياق
00:01:19النموذج، وبعد قراءة الطلب (Prompt)، يتحقق الوكيل من وصف كل مهارة لمعرفة ما إذا كانت
00:01:24إحداها قادرة على تحسين الطلب، وإذا وجدها، يضيف كل ما هو خارج الترويسة إلى السياق النشط للنموذج.
00:01:31يمكنك أيضاً ربط ملفات أخرى بالمهارات، مثل المراجع، ليقوم النموذج بسحبها إذا رأى ذلك ضرورياً.
00:01:36ومنذ ذلك الحين، اعتمدت شركات أخرى مثل Microsoft وOpenAI وOpenCode مهارات الوكلاء.
00:01:40Since then, other companies like Microsoft, OpenAI, and OpenCode have adopted agent skills.
00:01:46لكن لم تكن هناك طريقة سهلة لتثبيت مهارة لعدة وكلاء دون الدخول يدوياً
00:01:52إلى المجلد المعني ونسخ المستودع. أصبح هذا الأمر واضحاً بشكل خاص عندما أرادت شركة «Vassal»
00:01:58مشاركة مهارات أدواتها ليضعها المستخدمون في وكلائهم الخاصين. لذا أنشأوا مشروعاً
00:02:03يسمى «Add Skill»، والذي يسهل إضافة مهارة إلى 16 وكيلاً مختلفاً. ببساطة استخدم أمر «NPX Add Skill»،
00:02:11متبوعاً باسم المهارة أو رابط المستودع.
00:02:14أعلم ما يدور في ذهنكم الآن، ما الذي يمنع الناس من استخدام «Add Skill» لإضافة أي مستودع؟
00:02:19حسناً، الطريقة هي أنه بعد تنفيذ الأمر، يتم نسخ المستودع، ثم البحث
00:02:25عن ملف «skill.md». إذا لم يجده، يقوم بتنظيف المكان وحذف المستودع. أما إذا وجده،
00:02:32فإنه يكتشف تلقائياً الوكيل المثبت لدى المستخدم عبر فحص الإعدادات، ثم ينشئ
00:02:37رابطاً رمزياً (Symlink) من مجلد المهارات إلى الموقع المطلوب لهذا الوكيل. مثل مجلد «.cursor»
00:02:44لمحرر Cursor أو «.claude» لـ Claude Code. كما يحتوي على أدوات تتبع سأتحدث عنها
00:02:49لاحقاً. عند هذه النقطة، أصبح لدى «Vassal» طريقة تمكن الناس من تثبيت المهارات بسهولة لأي وكيل.
00:02:55لكن ماذا عن اكتشاف المهارات؟ هنا يأتي دور موقع «skills.sh»، الذي يعرض حالياً قائمة طويلة
00:03:01من المهارات غير المصنفة وغير المقسمة لصفحات. ويتم ملء هذه القائمة، على ما أظن، عندما يقوم شخص ما
00:03:08بتثبيت مهارة باستخدام «Add Skill»، مما يفعل أداة التتبع داخل الحزمة
00:03:14لإضافة معلومات مثل الاسم والوكلاء. أداة التتبع هذه مجهولة الهوية تماماً
00:03:20ولا تُستخدم فقط لملء القائمة، بل أيضاً لمعرفة عدد مرات تحميل المهارة
00:03:26ولأي وكيل تحديداً، وهو ما يمكن استخدامه لتتبع المهارات الرائجة خلال الـ 24 ساعة الماضية.
00:03:32وأيضاً، إذا كنت قلقاً بشأن التتبع، يمكنك تعطيله تماماً.
00:03:37من المذهل حجم العمل الذي بذله فريق «Vassal Labs» في اكتشاف المهارات، ويستخدمه
00:03:42الكثيرون لاكتشاف مهارات رائعة مثل مهارات «React Native» لوكلائك،
00:03:48وأفضل الممارسات لـ «Better Auth»، وحتى مهارة «ReMotion» الشهيرة التي يستخدمها
00:03:53الناس لإنشاء فيديوهات مذهلة من مجرد طلب واحد. ولكن هل جعل مقترح «Cloudflare» الجديد
00:03:59كل هذا الجهد بلا فائدة؟ لأنه يقدم طريقة بديلة للوكلاء لاكتشاف المهارات
00:04:05عبر جلب ملف JSON خفيف من موقع معروف يسرد جميع المهارات المتاحة
00:04:12التي يقدمها هذا المكان. لذا يمكنك كتابة طلب يقول “أنشئ لي مشروع Cloudflare
00:04:18باستخدام Wrangler” وسيقوم الوكيل أولاً بقراءة الطلب ثم التحقق من الموقع المعروف
00:04:24مثل «[cloudflare.com/well-known](https://www.google.com/search?q=https://cloudflare.com/well-known)». طبعاً لن يكون المسار هكذا بالضبط، بل سيكون
00:04:30«/skills» ثم يسترجع ملف «index.json» من ذلك الموقع الذي يتضمن معلومات إجبارية
00:04:38لكل مهارة مثل الاسم والوصف وعدد الملفات المرتبطة بها. بعد ذلك يمرر هذه
00:04:44المعلومات للوكيل، وبناءً على الطلب، سيدرك الوكيل أن مهارة «Wrangler»
00:04:49مطلوبة من هذا الموقع المعروف بناءً على ملف «index.json». لذا سيقوم بإرسال طلب
00:04:55إلى ذلك الموقع لجلب جميع الملفات المتعلقة بالمهارة وتخزينها مؤقتاً لاستخدامها
00:05:01لاحقاً، مع استخدام المهارة في الرد الذي يقدمه للمستخدم.
00:05:08ورغم أن مقترح «Cloudflare» يبدو رائعاً، إلا أنه يضيف بعض الخطوات الإضافية لجعل
00:05:14المهارة قابلة للاكتشاف مثل إضافة ملف «index.json» وتوفيرها عبر رابط «Well-known URL»،
00:05:20وهو ما لست متأكداً من معناه بالضبط. لكن مقارنة بوضع المهارة على GitHub
00:05:27والعثور عليها عبر «Vercel»، أعتقد أن نهج «Cloudflare» قد يضر المطورين
00:05:33الصغار بسبب هذه الخطوات الإضافية. وإذا تم قبوله (ولا أدري من الذي يراجعه
00:05:40أو يوافق عليه)، فهذا يعني نهاية مشروع «skills.sh» الخاص بـ «Vercel».
00:05:46ومع ذلك، أنا متأكد من وجود طريقة لعملهما معاً؛ حيث يمكنك استخدام «skills.sh» للعثور
00:05:52على مهارات المطورين المستقلين والأقل شهرة، واستخدام نهج «Cloudflare» لتمكين
00:05:57الوكيل من اكتشاف مهارات الشركات الكبرى مثل Cloudflare وVercel تلقائياً. وفي كلتا الحالتين،
00:06:03مع استخدام المطورين لهذه المهارات لإنشاء مشاريع مذهلة، ستحتاج إلى وسيلة
00:06:07لتتبع الأخطاء في حال تعطلت برامجك فجأة، وهنا يأتي دور «Better Stack»،
00:06:12فهو لا يكتفي بجمع سجلات الأخطاء من الواجهة الخلفية فحسب، بل يتتبع أيضاً أخطاء الواجهة الأمامية
00:06:18باستخدام تقنيات تتبع معتمدة على الذكاء الاصطناعي، وفوق ذلك، يمكن لـ «Better Stack» إنشاء
00:06:23صفحات حالة (Status Pages) جميلة؛ لذا جرب «Better Stack» اليوم.

Key Takeaway

يستعرض الفيديو تطور مهارات وكلاء الذكاء الاصطناعي وكيف تتنافس Vercel وCloudflare لتقديم أفضل الطرق لتثبيت واكتشاف هذه المهارات برمجياً.

Highlights

مفهوم مهارات الوكلاء (Agent Skills) وكيفية تحسينها لأداء نماذج الذكاء الاصطناعي مثل Claude.

مشروع Add Skill من Vercel الذي يسهل تثبيت المهارات لـ 16 وكيلاً مختلفاً عبر أمر برمجي واحد.

آلية عمل ملف skills.md الذي يتضمن ترويسة YAML والتعليمات البرمجية لتوسيع سياق النموذج.

موقع skills.sh كمنصة لاكتشاف المهارات الرائجة وتتبع استخدامها بشكل مجهول الهوية.

مقترح Cloudflare الجديد لاكتشاف المهارات تلقائياً عبر ملفات JSON والروابط المعروفة (Well-known URLs).

المقارنة بين نهج Vercel اليدوي المعتمد على GitHub ونهج Cloudflare المؤتمت وتأثير ذلك على المطورين.

Timeline

مقدمة عن مهارات الوكلاء وهيكلية ملفات المهارة

يبدأ الفيديو بتعريف مهارات الوكلاء كدليل برمجي يضيف قدرات متخصصة للنماذج في مجالات مثل React وتصميم الواجهات. يوضح المتحدث أن العملية تعتمد على فحص مستودعات الأكواد بحثاً عن ملف skills.md قبل التثبيت لضمان التوافق. تتكون المهارة من ترويسة YAML تحتوي على الاسم والوصف، تليها التعليمات البرمجية الفعلية خارج الترويسة. يتم تحميل هذه المهارات في سياق النموذج لتمكينه من تنفيذ مهام محددة بدقة عالية. يعتبر هذا القسم أساسياً لفهم البنية التحتية التي تعتمد عليها الشركات الكبرى مثل Anthropic في تحسين Claude.

تقنية الكشف التدريجي وتبني الشركات للمهارات

يشرح الفيديو تقنية الكشف التدريجي التي تمنع ازدحام سياق النموذج عبر تحميل المعلومات الأساسية فقط في البداية. يتحقق الوكيل من وصف المهارة بعد قراءة طلب المستخدم، وإذا وجد تطابقاً، يقوم بسحب التعليمات الكاملة للسياق النشط. يذكر المتحدث أن هذه المنهجية تسمح بربط ملفات مرجعية إضافية لتعزيز دقة الإجابات عند الحاجة. يشار أيضاً إلى أن شركات كبرى مثل Microsoft وOpenAI قد بدأت بالفعل في تبني مفهوم مهارات الوكلاء. يعكس هذا القسم التوجه العالمي نحو جعل وكلاء الذكاء الاصطناعي أكثر تخصيصاً وكفاءة في استهلاك الذاكرة.

حلول Vercel: أداة Add Skill وموقع اكتشاف المهارات

يتناول هذا الجزء مشكلة صعوبة تثبيت المهارات يدوياً وكيف عالجتها Vercel عبر أداة Add Skill التي تدعم 16 وكيلاً. تعمل الأداة عبر تنفيذ أمر NPX الذي ينسخ المستودع ويبحث عن ملف المهارة ثم ينشئ روابط رمزية (Symlinks) للمجلدات المطلوبة مثل .cursor أو .claude. يقدم الفيديو أيضاً موقع skills.sh كمنصة لاكتشاف المهارات الرائجة مثل ReMotion وReact Native بناءً على بيانات تتبع مجهولة. يوضح المتحدث أن المستخدمين يمكنهم تعطيل التتبع إذا كانوا قلقين بشأن الخصوصية. تبرز هذه الأدوات جهود Vercel في بناء نظام بيئي متكامل للمطورين يسهل عليهم مشاركة واستخدام المهارات.

مقترح Cloudflare ومستقبل اكتشاف المهارات

يستعرض الفيديو مقترح Cloudflare الذي يعتمد على ملفات index.json وروابط Well-known لاكتشاف المهارات تلقائياً دون الحاجة لتدخل يدوي. عندما يطلب المستخدم مهمة معينة، يتحقق الوكيل من الرابط المعروف للموقع، ويجلب المهارات المطلوبة ويخزنها مؤقتاً لتنفيذ الرد. يعرب المتحدث عن قلقه من أن تعقيد هذا النهج قد يضر بالمطورين الصغار مقارنة بسهولة استخدام GitHub مع Vercel. يقترح الفيديو في الختام إمكانية دمج النهجين، حيث يتم استخدام موقع Vercel للمستقلين ونهج Cloudflare للشركات الكبرى. يختتم المقطع بإعلان لخدمة Better Stack لتتبع الأخطاء البرمجية في الواجهات الأمامية والخلفية باستخدام الذكاء الاصطناعي.

Community Posts

View all posts