00:00:00أداة Claude Code رائعة حقًا، لكن فريقنا بدأ في استخدامها لكل شيء.
00:00:03لاحظت Anthropic ذلك ومنذ فترة قدموا مفهوم المهارات (skills).
00:00:07ولكن مع إصدار Nano Banana Pro، بدأ الناس يتجهون في مسار مختلف تمامًا،
00:00:12باستخدام منتجات Google مثل anti-gravity لبناء مواقع أفضل.
00:00:15لقد جربنا anti-gravity، لكن في رأينا هي معطلة جدًا في الوقت الحالي.
00:00:19نعلم أن محبي anti-gravity سيهاجموننا بشراسة.
00:00:21لكن هذا موضوع لفيديو آخر، غير أن الصور التي تنشئها مجانية.
00:00:25لذا فكرنا، لماذا لا نجعل Claude يتولى البرمجة وanti-gravity يتولى الصور فقط.
00:00:30ولكن إليكم الأمر.
00:00:31لهذه الحالات المختلفة، لا ينبغي إعادة توجيه Claude في كل مرة.
00:00:35يجب عليك تدريبه وإنشاء مهارة مخصصة.
00:00:37لذا أصدر Claude مؤخرًا دليلاً حول كيفية بناء المهارات بالشكل الصحيح.
00:00:41والجزء الأهم هو الاختبار والتكرار.
00:00:44وبصراحة، هذا الدليل غير الطريقة التي نفكر بها في هذه المهارات.
00:00:48ربما سمعت بالفعل عن “منشئ المهارات” (Skill Creator).
00:00:50إنها المهارة الرسمية لـ Claude Code التي توفر لك إرشادات لإنشاء مهارات فعالة.
00:00:55لكن أحد أعضاء فريقنا وجد أنها لا تزال قديمة
00:00:58وفقًا للدليل الجديد الذي نشرناه.
00:01:00لذا قمنا بتحديثها وغيرت الكثير من الأشياء
00:01:02بناءً على الإرشادات الجديدة وأجرت تحسينات رائعة حقًا.
00:01:05باستخدام “منشئ المهارات” المحدث والكثير من التجارب المضنية،
00:01:09أنتجنا هذه المهارة الجديدة لواجهة مستخدم nano banana.
00:01:12لكن المهارة التي بدأنا بها والتي انتهينا إليها كانتا شيئين مختلفين تمامًا.
00:01:16كلتا المهارتين ستكونان متاحتين في AI Labs Pro.
00:01:19للذين لا يعرفون، هو مجتمعنا الذي أطلقناه مؤخرًا
00:01:22حيث تحصل على قوالب جاهزة للاستخدام يمكنك دمجها مباشرة في مشاريعك
00:01:26لهذا الفيديو وجميع الفيديوهات السابقة.
00:01:28إذا وجدت قيمة فيما نقدمه وتريد دعم القناة،
00:01:31فهذه هي أفضل وسيلة لذلك. الرابط في الوصف.
00:01:34لقد قمنا بالفعل بتنظيم عملية التنسيق بين Claude Code وAnti-Gravity.
00:01:38لذا فتحنا نفس المجلد في Claude Code وفي Anti-Gravity أيضًا.
00:01:42قام Claude بتهيئة المشروع وكل ما احتاج Anti-Gravity الاهتمام به هو هذا المجلد العام،
00:01:47الذي سيحتوي على جميع الصور بداخله.
00:01:49كان Claude سيعطينا الأوامر وأسماء الملفات للصور التي
00:01:53يحتاج Anti-Gravity لإنتاجها. تلك الأوامر ذهبت إلى Anti-Gravity.
00:01:56قام بتشغيل أداة إنشاء الصور الخاصة به وباستخدام المعالجة المتوازية،
00:02:00أنتج عدة صور في نفس الوقت.
00:02:03يمكنك أن ترى أنه أنشأ ثلاث صور وتم وضع الثلاثة جميعًا في مجلد الصور هذا.
00:02:08بعد وضعها، عرف Claude تلقائيًا أنها موجودة وتمكن من العمل معها بسهولة.
00:02:12لكن بمجرد أن بدأنا فعليًا في إنشاء الصور، بدأت عدة أشياء في التعطل.
00:02:17الآن ربما سمعت هذا كثيرًا، لكن هندسة الأوصاف هي أحد
00:02:21أهم الأشياء عند بناء مهام سير العمل المتكررة هذه. هذه الأوصاف هي
00:02:26بيانات YAML التي يتم تحميلها دائمًا في سياق Claude Code عند فتحها.
00:02:30وهذه هي الطريقة التي يقرر بها Claude فعليًا ما إذا كان يحتاج إلى تحميل مهارتك أم لا.
00:02:34لكن الكثير من المستخدمين أبلغوا عن تحميل المهارات في السياق عندما لا تكون هناك حاجة إليها.
00:02:38وذلك لأن معظم الأوصاف تقول فقط ما تفعله المهارة.
00:02:41الوصف الجيد يجيب في الواقع على سؤالين.
00:02:44ماذا تفعل المهارة؟ ومتى يجب على Claude استخدامها؟
00:02:46هنا يأتي دور “عبارات التحفيز”. هي الأشياء التي تستدعي المهارة للاستخدام،
00:02:51مثل “بناء صفحة هبوط” أو عندما نذكر “nano banana”. لكن الأمر لا يتوقف عند وقت الاستخدام.
00:02:57يذكر الدليل أيضًا المحفزات السلبية، التي تخبر Claude متى لا يجب عليه استخدام المهارة.
00:03:01على سبيل المثال، نحن نحدد أنه لا ينبغي تحميلها لإصلاح الأخطاء البسيطة أو أعمال قواعد البيانات.
00:03:05لذا فإن الفرق بين الوصف الجيد والسيئ واضح.
00:03:08يمكنك أن ترى هذه المهارة من منشئ المهارات الجديد بها عدة عبارات تحفيز ومحفزات سلبية،
00:03:13بينما هذه من منشئ المهارات القديم تصف فقط ما تفعله المهارة.
00:03:17هناك أيضًا تعليمات كمية بحتة وتتعلق بالبنية البرمجية،
00:03:21لكنك لست بحاجة لمعرفة ذلك.
00:03:23أيضًا، إذا كنت تستمتع بمحتوانا، فكر في الضغط على زر الإعجاب،
00:03:27لأن ذلك يساعدنا على إنشاء المزيد من المحتوى كهذا والوصول إلى عدد أكبر من الناس.
00:03:31الآن عادةً، أثناء إنشاء صور مختلفة، كان على معظمها أن تكون
00:03:35بأبعاد مختلفة لأنها كانت بحاجة لتناسب حالات استخدام معينة.
00:03:39وهذا ما حدده الأمر قبل أن نجري التغييرات.
00:03:42لكن ما حدث في كل مرة هو أنه كلما حاولنا استخدام هذه الأبعاد المخصصة،
00:03:46كانت أداة إنشاء الصور في anti-gravity تنشئ صورًا مربعة فقط.
00:03:50عادةً لا يمثل هذا مشكلة مع النموذج البسيط في تطبيق Gemini أو في Google AI Studio.
00:03:55لكن هنا كان علينا تغيير العملية وتعديل المهارة وفقًا لذلك.
00:03:58تمت الإشارة إلى ذلك في جميع أنحاء ملف skill.md في المراحل المناسبة،
00:04:02كما تمت الإشارة إليه في قواعد الأوامر بأنه كلما كتب أمرًا،
00:04:06لا ينبغي تحديد أي أبعاد أو نسبة عرض إلى ارتفاع، لأن ذلك لم يكن مهمًا حقًا.
00:04:10وإذا احتاج لقص الصورة لاستخدام معين،
00:04:12فيجب أن يفعل ذلك لاحقًا باستخدام أداة قص الصور الخاصة به.
00:04:15ولهذا السبب فإن مجلد البرمجيات (scripts) مهم للغاية.
00:04:18فهو يضم هذه الأدوات القابلة للتنفيذ التي يمكن لـ Claude استدعاؤها بمعطيات محددة،
00:04:22وتكتشف هذه الأدوات وفقًا لحالات الاستخدام المختلفة لديك.
00:04:25الآن البرمجية الجيدة تحتوي بالفعل على معطيات واجهة سطر الأوامر (CLI) مع أوضاع مختلفة،
00:04:29ليتمكن Claude من استدعائها بسهولة.
00:04:31والشيء الذي اكتشفه أحدنا وكان ضروريًا جدًا هو أوضاع المعاينة أيضًا،
00:04:35التي تساعد Claude على معاينة المخرجات قبل القيام بعمليات تدميرية.
00:04:40دعونا نأخذ استراحة للتحدث عن راعي اليوم.
00:04:42بعد ذلك، سننظر في الخطأ الهيكلي الواحد
00:04:45الذي يقع فيه معظم الناس عند بناء مهاراتهم.
00:04:47CREAM
00:04:47بالنسبة للمطورين ومؤسسي البرمجيات كخدمة (SaaS)، فإن الصداع الأكبر ليس في البناء.
00:04:50بل هو كابوس الضرائب العالمية والامتثال لضريبة القيمة المضافة (VAT).
00:04:53CREAM هو سجل تجاري يتولى هذا العبء بالكامل، مما يتيح لك التركيز على التطوير.
00:04:58تم بناؤه للموجة القادمة من الأعمال الرقمية،
00:05:00يوفر CREAM إعدادًا فائق السرعة لقبول المدفوعات في أكثر من 100 دولة من اليوم الأول.
00:05:05لقد تخلصوا من ارتباك الرسوم الخفية،
00:05:07حيث يقدمون سعرًا ثابتًا وشفافًا بنسبة 3.9% + 40 سنتًا.
00:05:11هذا كل شيء.
00:05:11نفس السعر سواء كان العميل في طوكيو أو تكساس، أمريكان إكسبريس أو جوجل باي.
00:05:16تحصل على ميزات قوية مثل تقسيم الإيرادات الآلي لضمان إطلاق سلس.
00:05:20استخدم دائمًا وضع الاختبار المعزول ومكتبة TypeScript المخصصة.
00:05:23بالإضافة إلى ذلك، يقدم CREAM مهارات رسمية لوكلاء الذكاء الاصطناعي لـ Claude Code وCursor وWinSurf.
00:05:28فقط اطلب من مساعدك الذكي دمج CREAM،
00:05:30وسيقوم فورًا بإنشاء كود آمن وجاهز للإنتاج بناءً على أحدث أفضل ممارسات واجهة برمجة التطبيقات الخاصة بهم.
00:05:36تذكر فقط، لا ترفع مفاتيح API الخاصة بك أبدًا إلى أنظمة التحكم في الإصدار.
00:05:39إذا كنت مستعدًا لمنصة دفع، فانقر على الرابط في التعليق المثبت.
00:05:42توقف عن القلق بشأن الضرائب وابدأ في التوسع مع CREAM.io.
00:05:45ربما سمعتمونا نتحدث عن “الكشف التدريجي” (progressive disclosure) في الكثير من
00:05:50فيديوهاتنا السابقة لأنه لا يتعلق فقط بالمهارات، بل هو مهم جدًا لنافذة السياق.
00:05:55هذا يعني أن الوكيل يجب أن يعرف الشيء فقط إذا كان بحاجة إليه في ذلك الوقت.
00:05:59أنت تعلم بالفعل أن الوصف يتم تحميله دائمًا داخل سياق Claude Code.
00:06:03وهذه هي الطريقة التي تستخدم بها هذه المهارات هيكلًا من ثلاثة مستويات،
00:06:06حيث يكون المستوى الأول دائمًا داخل سياق Claude.
00:06:09ثم المستوى الثاني هو متن ملف skill.md، ويجب أن يحتوي على مراجع للمستوى 3،
00:06:14بما في ذلك سير العمل الكامل والتعليمات حول كيفية استخدام المراجع.
00:06:18وضمن هذا الهيكل، يحدد الدليل الرسمي شيئًا يسمى “القسم الحرج”.
00:06:23يجب عليك إدراج المعلومات الأكثر أهمية هناك في المقدمة مباشرة،
00:06:26وألا تجعلها مخفية تحت كل هذه التعليمات المختلفة.
00:06:29يمكنك أن ترى بوضوح أن هذه المهارة تحتوي فقط على skill.md ولا تحتوي على هيكل المستوى 3.
00:06:34وذلك لأن كل سير العمل، والنصائح، والتوصيات المختلفة،
00:06:38وإرشادات استكشاف الأخطاء وإصلاحها موضوعة في ملف واحد.
00:06:41هذا ليس بالشكل الذي ينبغي أن يكون عليه الهيكل،
00:06:43لأنه قد لا يحتاج إلى هذه الإرشادات في اللحظة الحالية.
00:06:45يجب عليه تحميل سير العمل أولاً فقط،
00:06:47ثم سحب قواعد الأوامر فقط عندما يحين وقت كتابتها أو استخدامها.
00:06:51الآن من ناحية أخرى، هذه المهارة مهيكلة بوضوح مع المراجع
00:06:54والبرمجيات المختلفة التي تحتاجها.
00:06:56وإلى جانب سير العمل، يحتوي الملف بوضوح على محفزات لموعد تشغيل كل برمجية،
00:07:01ومتى يتم التحقق من المراجع للإرشادات المختلفة.
00:07:04لذا في ملف skill.md، يوجد فقط سير العمل لمهارة nano banana.
00:07:08وبعد ذلك، في قسم المراجع، توجد الإرشادات المختلفة،
00:07:12حيث تحتوي قواعد الأوامر على 13 قاعدة اختبار مختلفة
00:07:15وجدناها بعد اختبارات التكرار لدينا.
00:07:17ولكن حتى مع كل هذا الهيكل، وجد Claude Code طرقًا لتخطي الخطوات.
00:07:22بعد أن أنشأ الدفعة الأولى من الصور،
00:07:24كان من المؤكد أنها ستحتاج إلى إعادة إنشاء،
00:07:26لأن nano banana لا ينتج دائمًا المخرجات الأكثر دقة.
00:07:29الشيء المدهش هو أن Claude لم يتحقق من ذلك بنفسه.
00:07:33كان علينا أن نسأله عما إذا كانت الصور جيدة وفقًا للتصميم الذي أراد صنعه.
00:07:37وإلا، لكان قد مضى قدمًا وقام بتنفيذ الصور التي أنتجها.
00:07:41الآن مرة أخرى، لهذا قلنا إن التكرار هو أهم شيء في بناء هذه المهارات.
00:07:45لقد كانت لدينا بالفعل خطوة للتحقق من الأصول، والتي استخدمت برمجية التحقق من الصور،
00:07:49ولكن ذلك كان يتحقق فقط مما إذا كانت الصور جيدة من الناحية الهيكلية،
00:07:52وليس ما إذا كانت الصور صحيحة من الناحية الجمالية.
00:07:55لم يكن للأمر علاقة بالجماليات.
00:07:57بالنسبة للجماليات، كان على Claude إجراء مراجعة بصرية بنفسه،
00:08:00حيث ينظر إلى هذه الأسئلة ويقرر ما إذا كانت الصورة ستنجح أم ستفشل.
00:08:04وإذا فشلت، كان عليه تقديم سبب أيضًا.
00:08:07هذا لأنه إذا فشلت الصورة في المراجعة البصرية،
00:08:09كان عليه حذف تلك الصورة، ثم كتابة أمر مصحح جديد.
00:08:13واعتمادًا على الوضع الذي كنت فيه، إذا كنت في وضع anti-gravity،
00:08:16فإنه سيعطيك أمرًا جديدًا، بما في ذلك سبب فشل الأمر السابق،
00:08:20ليتمكن anti-gravity من إنشاء صور جديدة وأفضل.
00:08:23وبالتالي، لهذا السبب يقول anti-gravity إنه أعاد إنشاء صورة الزجاج،
00:08:27وأنها هذه المرة تتبع المتطلبات.
00:08:29لهذا السبب، إذا كنت تبني سير عمل، فمن المهم جدًا أن يكون لديك بوابات التحقق هذه.
00:08:34بوابات التحقق هي حواجز صريحة تحدد الشيء الذي يجب إكماله
00:08:39قبل الانتقال إلى الجزء التالي من سير العمل.
00:08:41وكما رأيتم، إذا ترك الأمر لـ Claude، فسوف يبني واجهة مستخدم حول صور مفقودة أو تالفة بكل سرور،
00:08:46ولن يتحقق من أي شيء ما لم تطلب منه ذلك.
00:08:48فعلى سبيل المثال، في هذه المهارة،
00:08:50يمكنك أن ترى بوضوح أن سير العمل يتضمن هذه الخطوات المتعددة التي يجب اتباعها.
00:08:54ومن بين الأخطاء الأخرى،
00:08:55أنه لم يكتب أي بوابة تحقق قبل الانتقال إلى الخطوة التالية.
00:08:59الآن بوابات التحقق هذه لا تزال مجرد أوامر نصية.
00:09:01الأمر ليس وكأن هناك بعض أوامر bash السحرية.
00:09:04ولكن إذا كان لا بد من إعادة استخدامها في كل مرة ولا يوجد تباين فيها،
00:09:08فيجب عليك بالفعل إنشاء أداة وإدراج تلك الأداة كبوابة تحقق.
00:09:11لكن في هذه الحالة، من بين الخطوات المتعددة، لدينا بوابات التحقق هذه
00:09:15التي لا تساعد فقط في منعه من الانتقال من جزء من العملية إلى آخر،
00:09:19بل تشكل أيضًا عملية مصغرة داخل كل سير عمل أيضًا.
00:09:22بينما تقوم بالتجربة والتكرار في عمليتك مرارًا وتكرارًا،
00:09:26ستجد أنك تواجه الكثير من الأخطاء، التي رأيت بعضها بالفعل.
00:09:30على سبيل المثال، صور مفقودة أو تالفة، مخرجات API جزئية،
00:09:34أو برمجيات تتوقف بسبب فشل جزئي.
00:09:36وطوال ذلك، وبينما تكرر العمل على المهارة،
00:09:39يجب على منشئ المهارات الجيد تدوين معالجة الأخطاء لكل منها وتحديدها بوضوح.
00:09:44لأنه إذا حدث الخطأ مرة واحدة، فمن الممكن أن يحدث مرة أخرى.
00:09:46ويجب التعامل معه بهذا التنسيق.
00:09:48حدد الخطأ، ثم السبب، لكي يعرف Claude،
00:09:51ثم الخطوات اللازمة لإصلاح المشكلة فعليًا.
00:09:54مرة أخرى، عندما نطلب منه بناء صفحة هبوط، فإنه يقوم فقط بتحميل المهارة وقراءة ملفاتك.
00:09:58إذا كان لديك بالفعل مشروع Next.js، فإنه يكتشف ذلك ويسألك أسئلة،
00:10:02مثل الغرض من صفحة الهبوط وما إذا كنت ترغب في صور منشأة بالذكاء الاصطناعي أم لا.
00:10:06إذا قلت إنك لا تريدها، فإنه يستخدم فقط موارده في تطوير الواجهة الأمامية لبناء الصفحة.
00:10:11هذا لأنه بينما كنا نبنيها، طلبنا أيضًا من Claude المضي قدمًا وإنهاء
00:10:16مهارة تصميم الواجهة الأمامية هذه، التي تحتوي على الكثير من الإرشادات المذهلة
00:10:19لتنفيذ مواقع ذات مظهر رائع حقًا.
00:10:22وبعد انتهائنا من التجربة الكاملة، هذا ما أنتجه لنا بالفعل.
00:10:27كما ترون، هذه هي الصورة التي أنشأناها،
00:10:29ولديها تأثير حركة لطيف عليها.
00:10:32بالإضافة إلى ذلك، فهي صفحة هبوط ذات مظهر نظيف للغاية، والصور ليست مبالغًا فيها.
00:10:36لقد تم تطبيقها فقط في الأماكن التي كانت الحاجة تدعو إليها بالفعل.
00:10:39ولكن عندما تم إنشاؤها لأول مرة، كانت هناك مشاكل في الخط الذي كانت تستخدمه.
00:10:43لم يكن يعمل بشكل جيد.
00:10:44لذا ذهبنا وحصلنا على هذا الخط الطباعي المحدد الذي جربوه،
00:10:48وهذا هو ما أصلح لنا مشاكل الطباعة بالفعل.
00:10:51لذا مرة أخرى، نحن فقط نستعين بموارد مختلفة
00:10:54ليست مرتبطة حتى بمهارة تصميم nano banana هذه،
00:10:57ونضعها هناك لتمتلك تلك القدرات حيثما تحتاج إليها.
00:11:00في الكشف التدريجي، ناقشنا بالفعل الملفات الإضافية مع المراجع والبرمجيات.
00:11:06الآن نحن نتعمق في المراجع، وهي ذكاء خاص بكل مجال.
00:11:09وبينما تكون مهارتك جاهزة تمامًا لمجال واحد محدد،
00:11:12يمكن أن تحتوي على هذه الحزم المعرفية الصغيرة المتعددة كمكونات منفصلة أيضًا.
00:11:16على سبيل المثال، في هذه المراجع، أدرجنا أنماط التصميم،
00:11:19وجماليات الواجهة الأمامية، وقواعد الأوامر.
00:11:21بهذه الطريقة، يمكننا الاستمرار في توسيع قاعدة معرفة المهارة دون تلويث نافذة السياق.
00:11:26حتى الآن، كل النصائح التي رأيتها تخبرك بكيفية تدريب Claude للقيام بالمهام بطريقة أفضل.
00:11:31لكنها لا تخبرك بكيفية استخدامه بشكل صحيح فعليًا.
00:11:33لأجل ذلك، لدينا فيديو آخر نوضح فيه أفضل 10
00:11:36طرق محدثة للحصول على ميزة باستخدام Claude code.
00:11:39ستشاهد الفيديو على شاشة النهاية،
00:11:41لذا من الأفضل أن تنقر عليه بدلاً من البحث عنه.
00:11:43هذا يوصلنا إلى نهاية هذا الفيديو.
00:11:45إذا كنت ترغب في دعم القناة ومساعدتنا على الاستمرار في تقديم فيديوهات كهذه،
00:11:49يمكنك القيام بذلك باستخدام زر “شكراً” أدناه.
00:11:51كالعادة، شكرًا لكم على المشاهدة، وسأراكم في الفيديو القادم.