5 مستودعات مفتوحة المصدر تحل 95% من مشاكل Claude Code
CChase AI
Computing/SoftwareSmall Business/StartupsInternet Technology
Transcript
00:00:00هذه هي أدوات المصدر المفتوح الخمس التي تمنيت لو عرفتها عندما بدأت استخدام Claude
00:00:05Code. لأنه على الرغم من جودة Claude Code، إلا أنه لا يزال يعاني من بعض نقاط الضعف. وتحديداً،
00:00:12الفيديو، وتصميم الواجهات الأمامية، والذاكرة، والبحث، ومخرجات الرموز (Tokens). هذه خمسة مجالات
00:00:18يضعف فيها Claude Code نوعاً ما، ويمكننا تحسينه بشكل كبير من خلال الاستعانة بهذه الأدوات
00:00:23الخارجية. لذا في هذا الفيديو، سأعرض لكم الأدوات الخمس، وكيفية استخدامها، ولماذا يجب أن تهتموا بها،
00:00:27والجزء الأفضل هو أنها مجانية بالكامل. الأداة الأولى في قائمتنا هي Claude Video من Brad
00:00:33Automates. هذه الأداة لديها أكثر من 5,000 نجمة قليلاً، لذا فهي أصغر حجماً، لكنها أداة
00:00:38تحظى بشعبية متزايدة مؤخراً. وتتمحور حول منح Claude القدرة على استيعاب الفيديو.
00:00:43لا يهمني توليد فيديو بواسطة الذكاء الاصطناعي. أريد أن يتمكن Claude من مشاهدة مقاطع الفيديو التي أقدمها له،
00:00:48لأن هذه وظيفة لا يمتلكها بشكل افتراضي. في الواقع، نموذج الذكاء الاصطناعي الوحيد الكبير للفيديو
00:00:53الذي يقوم بذلك نوعاً ما هو Gemini. وإذا كنت تتعامل مع الفيديو، فأنت تعلم مدى أهمية
00:00:57هذا الأمر، لأننا عادة ما نكون عالقين في النظر إلى النصوص فقط. النصوص رائعة،
00:01:02ولكن أحياناً نحتاج إلى سياق ما يحدث حرفياً على الشاشة. النص
00:01:07ليس كافياً. لكن هذه المهارة تجمع بين أفضل ما في العالمين، لأننا لا نحصل على النص فحسب،
00:01:11بل إنه قادر على سحب لقطات شاشة أو إطارات بذكاء من الفيديو نفسه عندما يرى
00:01:16أن ذلك مناسب. والأفضل من ذلك، إذا لم يكن هناك نص متاح، فسيقوم بتوجيهه من خلال
00:01:20نموذج Whisper من Grok، وهو مجاني تماماً، لتوليد النص. لذا إذا كنت تشاهد
00:01:24نوعاً من الفيديو مثل Loom أو شيء من هذا القبيل، ولا يأتي مع نص،
00:01:28فنحن لا نزال بخير. الآن، السؤال الواضح هنا هو، حسناً، كيف يعمل هذا
00:01:33الأمر حقاً؟ كيف نتعامل مع الفيديو؟ لأننا لا نستطيع جعل Claude يشاهد مقاطع الفيديو بالسحر.
00:01:37كل فيديو هو في الأساس عبارة عن إطارات. هل أقوم بإرسال 24 لقطة شاشة له في كل ثانية من الفيديو؟
00:01:43الجواب هو لا، سيصبح ذلك مكلفاً للغاية. بدلاً من ذلك، تستخدم هذه المهارة نهجاً أنيقاً
00:01:48حيث تغير عدد الإطارات التي تلتقطها من الفيديو بناءً على الوضع الذي تضعه فيه.
00:01:53لدينا أربعة أوضاع مختلفة من “النص فقط” إلى “حارق الرموز” (Token Burner). في “النص فقط”، لا نلتقط أي إطارات.
00:01:58نحن نأخذ التسميات التوضيحية فقط. أما في وضع “الفعال” (Efficient)، فنحن نأخذ الإطارات الرئيسية فقط. وهذه الإطارات
00:02:03يحددها الفيديو نفسه. ونأخذ ما يصل إلى 50 إطاراً، اعتماداً على طول الفيديو.
00:02:07لدينا وضع “المتوازن” (Balance)، وهو الوضع الذي يفضله الكثيرون، ونأخذ فيه ما يصل إلى 100 إطار من الفيديو. ويعتمد ذلك
00:02:13على تغيرات المشهد، وأيضاً على إلقاء نظرة على النص لمعرفة ما إذا كانت
00:02:18كلمات معينة تُستخدم. لذا فإن الوضع المتوازن هو الأكثر منطقية. لكن لدينا أيضاً وضع
00:02:23حارق الرموز (Token Burner)، وهو مشابه للوضع المتوازن، لكن بدون حد أقصى للإطارات. يمكنك أن تأخذ
00:02:29ألف إطار. المشكلة هنا بالطبع هي الوقت المستغرق للقيام بذلك وكمية المال
00:02:34التي سننفقها. الآن، Brad، الشخص الذي أنشأ هذه المهارة، لديه قناته الخاصة على يوتيوب
00:02:38حيث يتعمق في تفاصيل تقنية أكثر مما فعلت أنا. لذا إذا كنت تريد حقاً التعمق
00:02:43في تفاصيل كيفية عمل ذلك، ألقِ نظرة بالتأكيد على محتواه. أما بالنسبة إلى
00:02:48التثبيت، فهو بسيط حقاً. يمكنك تثبيته من المتجر (Marketplace)، أو يمكنك فقط
00:02:51إعطاء Claude Code الرابط لهذه المهارة. سأضعه في التعليق. ولكن بالنظر إلى الصورة الكبيرة، ما الفائدة؟
00:02:56إنه يمنحنا قدرة جديدة تماماً لا يمتلكها Claude Code عادةً دون الاضطرار للقيام
00:03:01ببعض التوجيه المعقد عبر Gemini والدفع فعلياً لـ Gemini API بالإضافة إلى Claude. هذا يبقي كل شيء
00:03:07داخلياً ويعد إضافة رائعة لمجموعة أدوات Claude Code الخاصة بك. الآن، قبل أن ننتقل إلى الأداة التالية،
00:03:12كلمة سريعة من راعي فيديو اليوم، أنا. لقد أطلقت للتو دورة Claude Code Masterclass وهي
00:03:17الطريقة الأولى للانتقال من الصفر إلى مطور ذكاء اصطناعي، خاصة إذا لم تكن تأتي من خلفية
00:03:22تقنية. أفترض أنك لا تملك أي معرفة مسبقة. نحن نركز على حالات استخدام حقيقية، كما أنها تتضمن
00:03:28دورة حول Codex. لذا إذا كنت شخصاً يريد أن يصبح أكثر جدية بشأن الذكاء الاصطناعي،
00:03:33فتأكد من التحقق منها. سيكون هناك رابط في التعليق المثبت.
00:03:37الآن، الأداة رقم 2 تتعلق بالبحث، لأن البحث البسيط عبر الويب الذي
00:03:41يوفره Claude Code جيد، لكنه سطحي نوعاً ما. ولا يوجد شيء حقاً عندما يتعلق الأمر بـ
00:03:46الحل الوسط، لأن الطرف الآخر من الطيف هو القيام بسير عمل ديناميكي. لنقم ببحث
00:03:50عميق. لنقم بتشغيل 105 وكلاء فرعيين ونحرق 10 ملايين رمز. أنا لا أريد فعل ذلك.
00:03:55أنت غالباً لا تريد ذلك أيضاً. لذا، هنا تأتي أداة notebooklm-pi. لكل الأغراض، هذه الأداة تمنحنا
00:04:02NotebookLM داخل Claude Code. يمكنني استدعاء NotebookLM من خلال الجهاز الطرفي (Terminal). كل ما يمكنني
00:04:07فعله في إصدار الويب من NotebookLM وأكثر يمكن فعله من خلال Claude Code بسبب هذه المهارة.
00:04:15إنها ليست مجرد مهارة، بل هي أيضاً واجهة سطر أوامر (CLI). وهي في الأساس بمثابة واجهة برمجة تطبيقات (API) غير رسمية
00:04:19إلى NotebookLM. الآن، الشيء الرائع في هذا ليس مجرد، “أوه، رائع،
00:04:22نحصل على وظائف NotebookLM”، بل عندما تفكر في الأمر، أنت تحصل نوعاً ما على استدعاءات
00:04:26نماذج لغوية مجانية للقيام بذلك. الآن هو Gemini. إنه ليس بقوة Opus وبالتأكيد ليس بقوة
00:04:33Fable، ولكن يمكنك تفريغ بعض الأبحاث والتلخيص إلى خوادم Google مجاناً عند
00:04:38استخدام NotebookLM، سواء كان ذلك مجرد طرح أسئلة حول مقاطع الفيديو أو غير ذلك، بالإضافة إلى حقيقة أنه
00:04:43يمكننا فقط إنشاء ما نريد باستخدام NotebookLM، سواء كان ذلك عروضاً تقديمية،
00:04:50أو رسوماً بيانية، أو بودكاست، وما إلى ذلك. ومثلما أشرت
00:04:54من قبل، نحصل على أشياء تتجاوز واجهة مستخدم الويب نفسها. ولدينا قائمة كاملة هنا داخل
00:05:00ملف الـ Readme. وفيما يتعلق بالتثبيت، فإنه يحتوي على دليل شامل، ولكن سأكون صادقاً،
00:05:04كل ما عليك فعله هو نسخ الرابط ووضعه في Claude Code. وسيقوم بالباقي. وسيتطلب
00:05:09أشياء مثل Playwright، والتي إذا لم تستخدمها من قبل، فهي ببساطة أداة أتمتة متصفح
00:05:13ستكون غير مرئية تماماً بالنسبة لك عند تشغيلها. وأخيراً، إذا كنت لا تستطيع حقاً التفكير في أي
00:05:17حالات استخدام لـ NotebookLM، هناك قائمة كاملة بها هنا. بالنسبة لي، الأكبر منها هو ببساطة
00:05:23مشاهدة فيديوهات يوتيوب. وهذا يسير جنباً إلى جنب مع ما كنا نتحدث عنه من قبل
00:05:26حول القدرة على مشاهدة مقاطع الفيديو. الـ NotebookLM سيكون مخصصاً للنصوص فقط، ولكن لأنه
00:05:31تحت مظلة Google، فهي عملية سلسة جداً لتزويدها بروابط يوتيوب،
00:05:36الكثير منها حول موضوع معين، ثم القدرة على تلخيص كل تلك المعلومات
00:05:41مرة واحدة. الآن، الأداة رقم 3 تتعلق بالذاكرة. وسأضيف أداة إضافية هنا
00:05:46أيضاً. وعندما نتحدث عن الذاكرة، فما نتحدث عنه حقاً هو كيف يمكنني جعل Claude Code
00:05:51يجيب بسرعة وفعالية على أسئلة حول قواعد بيانات برمجية كبيرة جداً أو مجموعات كبيرة جداً من المستندات؟
00:05:59أريد أن أكون قادراً على إعطاء Claude Code خريطة يمكنه التنقل فيها بسهولة للعثور على إجابات لي حول
00:06:05مجموعة من الأسئلة المختلفة المتعلقة بمستنداتي، وعملي، وكودي. حسناً، هذا بالضبط
00:06:10ما تفعله أداة Graphify. إنها تنشئ خريطة معرفية (Knowledge Graph) لقاعدة الكود التي تعطيها إياها. وترى
00:06:15ذلك هنا، فهي تفكك كل الأجزاء، وتحولها إلى عقد (Nodes)، وتجمعها وفقاً لما
00:06:20تتعلق به فعلياً. بهذه الطريقة، مرة أخرى، نحن نسلم Claude Code خريطة. لذا عندما نطرح أسئلة حول
00:06:25أشياء في قاعدة الكود هذه، هناك طريق واضح للمضي قدماً من سؤالك إلى الإجابة. الشيء
00:06:31الذي تحتاج إلى معرفته، مع ذلك، هو أن Graphify ليست نظام RAG. لا يوجد فهرس متجهات، لا يوجد تضمين (Embedding)،
00:06:36هذا ليس Light RAG، هذا شيء بين Obsidian ونظام RAG حقيقي. لكن يمكننا الحصول على نوع من
00:06:43نسخة خفيفة من Graph RAG إذا كان هذا منطقياً. إنه ليس معقداً مثل نظام
00:06:49RAG التقليدي، ومع ذلك نحن قادرون على الحصول على الكثير من نفس الفوائد فيما يتعلق بالذاكرة. الآن، الشيء الرائع الآخر
00:06:53حول Obsidian مقابل شيء مثل Graphify هو أنه يمكنه التعامل مع عدد من الملفات المختلفة،
00:06:58فنحن لا نتحدث فقط عن Markdown، يمكننا التعامل مع ملفات PDF، يمكننا القيام بالصور، يمكننا القيام بالفيديو
00:07:03والصوت وما إلى ذلك. لذا فهي مرنة جداً جداً. ولكن بالحديث عن Obsidian والخرائط المعرفية
00:07:07وهذا النوع من الأشياء، دعونا نتحدث عن تلك الأداة الإضافية التي أشرت إليها سابقاً. وذلك
00:07:11هو مستودع مهارات Obsidian. لا أرى ما يكفي من الناس يتحدثون عن هذا. تم إنشاؤه في الواقع
00:07:15بواسطة الرئيس التنفيذي لـ Obsidian. إنه بسيط جداً. إنه مجرد حفنة من المهارات. ولكن إذا كنت شخصاً يستخدم
00:07:21Obsidian مع Claude Code، فهذه طريقة سهلة لتعزيزه. أنت تعلم Claude Code فعلياً أفضل
00:07:27الممارسات من قبل الأشخاص الذين أنشأوا Obsidian بالفعل. لذا لا تغفل عن هذا المستودع، على الرغم من أنه بسيط للغاية.
00:07:32سيتم ربطه أدناه أيضاً. الآن، الأداة رقم 4 تتعلق بتصميم الواجهة الأمامية. وذلك
00:07:36هو Impeccable. أصبحت هذه الأداة بسرعة مهارة تصميم الواجهة الأمامية المفضلة لدي. والكثير من الناس
00:07:41يلاحظون ذلك. ليس فقط لأن لديها الكثير من النجوم، بل هي في الواقع جزء رسمي من حزمة الذكاء الاصطناعي الخاصة بـ GitHub
00:07:45نفسها. وما ننظر إليه هنا هو موقع Impeccable الإلكتروني. وهو موجود هنا،
00:07:49سأشرح كيف تعمل هذه الأداة فعلياً. Impeccable هي مهارة واحدة، لكن لديها 23 أمراً مختلفاً.
00:07:56ويمكنك رؤية كل هذه الأوامر هنا على اليسار التي أستعرضها، مثل Craft،
00:08:00Shape، Critique، Layout، Colorize. وهي تجعل المهارة تقوم بأشياء معينة
00:08:04مع إعداد Claude Code الخاص بك. Colorize، على سبيل المثال، إذا قمت بـ impeccable colorize، فما الذي
00:08:09سيحدث؟ سيضيف لوناً استراتيجياً إلى الواجهات أحادية اللون. ما هو لطيف هنا على
00:08:13الموقع الإلكتروني هو أنه يمكنني رؤية صورة قبل وبعد. وهكذا يمكنك رؤية، حسناً، هكذا سيبدو الأمر
00:08:20عادةً مع Claude Code ومهارة تصميم الواجهة الأمامية القياسية في Claude Code
00:08:24مقارنة بـ Impeccable. ويمكنك أن ترى أن هناك المزيد مما يجري هنا. تبدو أجمل قليلاً. نفس
00:08:28الشيء بالنسبة لـ Boulder، صحيح؟ Claude Code، impeccable boulder. وهناك 23 أمراً مختلفاً
00:08:36هنا، والتي من الواضح أنها يصعب شرحها. ومن الأسهل بكثير رؤيتها في
00:08:41العمل. لذا أقترح بشدة أن تفعل ذلك. الشيء الآخر الرائع حقاً في Impeccable هو وضع “Live”.
00:08:46وهذا يذكرك بالتأكيد بتصميم Claude. الفكرة هي أنه إذا قمت بتشغيل impeccable
00:08:51live، فما سيحدث هو أنه سيقوم فعلياً بإحضار صفحة الويب الخاصة بي على المضيف المحلي (Local Host)
00:08:55في متصفحي. لذا بدلاً من محاولة تعديل كل شيء من خلال الجهاز الطرفي عبر الكود،
00:09:01سأكون الآن قد حصلت على الصفحة في متصفحي. يمكنني النقر على مكونات مختلفة. يمكنني رؤية ما
00:09:05تبدو عليه مع وبدون Impeccable. وتصبح أداة تصميم مرئية، وهو أفضل بكثير
00:09:11عندما نتحدث عن تصميم الواجهة الأمامية بدلاً من، “مهلاً، يا Impeccable، اجعل ذلك يبدو أجمل.”
00:09:15حسناً، حاول مرة أخرى، اجعله أكثر تميزاً، صحيح؟ لذا يمكنك رؤيته فعلياً قبل أن تعتمده. أعتقد أن
00:09:21هذه خطوة كبيرة فوق مهارة تصميم الواجهة الأمامية من Anthropic وأيضاً خطوة كبيرة فوق أشياء
00:09:26مثل UI, UX, Pro Max. والآن، أخيراً وليس آخراً، Ponytail. وتتعلق هذه الأداة باستهلاك الرموز،
00:09:33الرموز، الرموز، الرموز. أنت تسمع عن هذا طوال الوقت ومدى تكلفة هذه الرموز، خاصة مع
00:09:37Fable. لذا فمن المنطقي فقط أن ننظر خارج Claude Code لنرى، هل هناك أي مهارات أو أطر عمل
00:09:43يمكنها تقليل كمية الرموز التي ننفقها مع الحفاظ على نفس المستوى من الفعالية؟
00:09:49أنت تعلم أنه لا جدوى لنا إذا قمنا بتقليل عدد الرموز، ولكن النتيجة تصبح أسوأ. حسناً، Ponytail
00:09:54تدعي أنها قادرة على القيام بذلك. في الواقع، تدعي أنها تجعل Claude Code أرخص بنسبة 20%، وأسرع بنسبة 27%،
00:10:02مع تقديم نفس النتائج، وهو أمر جنوني نوعاً ما. الآن، الطريقة التي تعمل بها Ponytail في الأساس
00:10:08هي أنها تقول، مهلاً، سنعطي Claude Code سلسلة من البوابات التي يحتاج إلى اجتيازها،
00:10:14حيث نسأله في الأساس، مهلاً، هل تحتاج فعلياً إلى بنائه؟ هل تلك الميزة التي تحاول
00:10:18إنشاءها موجودة بالفعل؟ هل هي مكتبة؟ وما إلى ذلك، قبل أن نقول أخيراً،
00:10:23حسناً، هل تريد بناء هذا؟ رائع. إبهام للأعلى. فقط استخدم أقل قدر من الكود.
00:10:27هذه هي الطريقة التي تعمل بها باختصار. تصبح الأمور أكثر تعقيداً قليلاً من ذلك.
00:10:31لكنني أردت أن ألقي نظرة هنا على المعايير لأن هذا ما نهتم به.
00:10:36باللون الرمادي، ماذا لدينا؟ لدينا خط الأساس (Baseline). ثم باللون الأخضر، لدينا Ponytail. ويمكنك
00:10:41رؤية عدد أقل بكثير من سطور الكود، وعدد أقل بكثير من الرموز، وأرخص بكثير، وأقل في الوقت بكثير. الآن، ما هو العيب؟
00:10:49حسناً، العيب هو أنهم أجروا هذه المعايير باستخدام Haiku. أنت في هذه المرحلة تستخدم Opus أو
00:10:53تستخدم Fable. فهل يصمد هذا؟ حسناً، لقد أجريت اختبارات في الواقع. لقد قمت بعمل فيديو كامل حول Ponytail مع Opus
00:11:00وكانت في الواقع أرخص وأسرع مما نراه مع Haiku. لذا كانت الفوائد أكبر
00:11:07مع Opus. ثم جربتها مرة أخرى مع Fable في نفس الشيء. لذا في جميع المجالات، عندما قمت بتشغيل هذه
00:11:13نفس المعايير، ويمكن لأي شخص القيام بذلك، إذا ذهبت إلى هذا المستودع، لديهم كل المعايير مدرجة هنا حتى
00:11:17تتمكن من اختبار ذلك بنفسك. قللت Ponytail من ذلك وكانت نفس المخرجات. الآن، المعايير مقابل الحياة
00:11:23الحقيقية. هل هي نفسها؟ من يستطيع القول؟ من المحتمل أن يعتمد ذلك على حالة استخدامك الخاصة وكيف
00:11:28هي معقدة. لكن أي فرصة يمكننا فيها جعل Claude Code أسرع وأرخص وبنفس مستوى
00:11:35الفعالية، أعتقد أننا يجب أن نجربها. في أسوأ السيناريوهات، تقوم ببضع تشغيلات،
00:11:38لا يعجبك الأمر، تتخلص منه. لكنني أعتقد أن هذا يستحق وقتك. هناك أدوات أخرى في نفس
00:11:42السياق، مثل Caveman، التي أعتقد أيضاً أنه يجب عليك إلقاء نظرة عليها. لذا فهذه هي أدوات المصدر المفتوح
00:11:46الخمس التي تمنيت لو عرفتها عندما بدأت مع Claude Code. وإذا كنت جديداً تماماً، آمل أنني كنت قادراً على
00:11:52توجيهك على الأقل في الاتجاه الصحيح في عدد قليل من هذه المجالات. كالعادة، دعني أعرف ما
00:11:57رأيك في التعليقات. تأكد من التحقق من Chase AI Plus إذا كنت تريد الحصول على
00:12:00دورة Masterclass. وبجانب ذلك، سأراك لاحقاً.