00:00:00مع ظهور واجهات السطر البرمجي (CLIs)، هناك الكثير من الأدوات المختلفة المتاحة التي تساعدك في إدارة وكلاء الذكاء الاصطناعي لكتابة الكود نيابة عنك.
00:00:06في فيديو اليوم، سأعرض لكم بعض الأدوات الرئيسية وكيفية المقارنة بينها.
00:00:10ما أستخدمه بشكل يومي حالياً هو Conductor، لكن الأمر مرن للغاية وغالباً ما أتنقل بين الأدوات.
00:00:16من الأدوات الأخرى التي بدأت تحظى بشعبية: SuperSet وC-Mux، كما أن تطبيق Codex جيد جداً في الواقع،
00:00:23وهناك الكثير من الأشخاص يكتفون بالكتابة في مباني الأوامر العادية مثل Ghosty أو Warp أو iTerm.
00:00:27وبالطبع، لا يزال الناس يستخدمون أدوات مثل Cursor أو VS Code.
00:00:31سأركز على Conductor وSuperSet وC-Mux في هذا الفيديو لأنها أدوات جديدة تماماً ولم يجربها الكثيرون.
00:00:36الجميع يعرف كيفية استخدام VS Code أو Cursor، لذا لن أتوسع في شرحهما.
00:00:40أولاً لدينا Conductor. هذا هو بالضبط ما تراه على شاشتي الآن.
00:00:44كما تلاحظون، لدي مجموعة كاملة من المحادثات المختلفة التي تعمل بالتوازي.
00:00:48هذا عمل حقيقي أقوم به حالياً لمشروع Inbox Zero.
00:00:50كل واحدة من هذه المحادثات على الجانب هي "شجرة عمل" (work tree) مختلفة.
00:00:53إذا لم تكن على دراية بأشجار العمل، فقد أصبحت شائعة جداً بسبب تشغيل وكلاء الذكاء الاصطناعي بالتوازي.
00:00:58ما تفعله هو أخذ مشروعك الأساسي واستنساخه فعلياً في مجلد جديد على جهاز الكمبيوتر الخاص بك.
00:01:03هنا تلاحظون أن لدي مستودع Inbox Zero ولدي نسخ كثيرة منه على الكمبيوتر.
00:01:08هذه النسخة تسمى Belgrade، وهذه Algiers.
00:01:10كل واحدة لها اسم مختلف، وهذا هو بالضبط ما تراه هنا في الشق الجانبي.
00:01:15كل واحدة هي في الأساس "فرع" (branch) خاص بها يمكنني العمل عليه.
00:01:18ولها أيضاً طلب سحب (PR) خاص بها.
00:01:20لذا فإن التغييرات هنا لا تؤثر على أي من التغييرات هناك.
00:01:25الأمر كما لو كان لديك سبعة موظفين مختلفين يعملون لديك، وهم وكلاء ذكاء اصطناعي مختلفون،
00:01:30وكل واحد منهم يغير ملفات مختلفة ويمكنهم العمل بالتوازي دون تضارب.
00:01:35الآن لأريكم كيف يعمل Conductor، هو مجرد دردشة عادية.
00:01:38تلاحظون هنا أن لدي مهمة قيد التنفيذ، لذا أطلب من الذكاء الاصطناعي مواصلة عمله.
00:01:43ويمكنكم رؤية أنه بمجرد أن تصبح المهمة جاهزة ومكتملة، يمكنني الذهاب والتحقق من طلب السحب المرتبط بها.
00:01:49يمكنني أيضاً النقر هنا لدمجها (merge).
00:01:51يمكنني النقر على زر المراجعة هنا، والذي سيقوم بإنشاء وكيل جديد في علامة تبويب جديدة لمراجعة التغييرات في شجرة العمل أو الفرع هذه.
00:01:59يمكنني أيضاً رؤية الملفات المختلفة.
00:02:01هذا مثلاً ملف .env.example.
00:02:03وهنا على اليمين، لدي مبنى أوامر (terminal) عادي.
00:02:07الآن، وبسبب طريقة عمل أشجار العمل، فهي تنسخ وتلصق مشروعك الرئيسي في موقع جديد.
00:02:13وهذا يعني غالباً أنك بحاجة إلى إجراء إعداد جديد لهذا المجلد.
00:02:17لذا ستلاحظون في جميع المشاريع التي نغطيها اليوم وجود سكربت للإعداد (setup) وسكربت للتشغيل (run).
00:02:24سكربت الإعداد يعني ببساطة أنه عندما أضغط على علامة الزائد لبدء العمل على ميزة جديدة في شجرة عمل جديدة، فإنه سيقوم بأشياء مثل PMPM install أو حتى تشغيل المشروع على منفذ (port) جديد.
00:02:35الأمر يعود إليك في كيفية استخدام هذه السكربتات.
00:02:36لكن عادة ما ستراه هو أن سكربت الإعداد يقوم بـ PMPM install، ثم سكربت التشغيل يقوم بتشغيل التطبيق فعلياً لتتمكن من زيارته على localhost 3000 أو منفذ آخر.
00:02:46يمكنك جعل كل شجرة عمل تعمل على منفذ مختلف خاص بها.
00:02:50وهذا ضروري لأن كل شجرة عمل تحتوي على تغييرات مختلفة.
00:02:54فإذا قمت بتشغيل المشروع في مجلد واحد، فمن الواضح أنه لن يظهر لك التغييرات الموجودة في مجلد آخر على جهازك.
00:03:00الآن، هناك ميزة أخرى جميلة جداً وهي إمكانية رؤية الفحوصات (checks).
00:03:04سواء كانت عمليات البناء (build) أو تعليقات GitHub.
00:03:07هنا تلاحظون أن لدي الكثير من الفحوصات جارية، ولدي بعض التعليقات من Kubik وBaz، وهي أدوات مراجعة كود بالذكاء الاصطناعي.
00:03:15وإذا نقرت على أحدها، يمكنك رؤية التعليق الذي قدمته الأداة كجزء من مراجعتها.
00:03:19إذا أردت، يمكنني حتى إضافة كل هذه التعليقات إلى الدردشة هنا واطلب من الذكاء الاصطناعي إصلاحها تلقائياً بالضغط على إرسال.
00:03:25الخطوة التالية التي أريد أن أريكم إياها هي SuperSet.
00:03:28تلاحظون هنا أنها فكرة مشابهة جداً.
00:03:30لديك كل الوكلاء المختلفين يعملون في الجانب.
00:03:32بصراحة، أعتقد أن الكثير من المشاريع استلهمت فكرتها من Conductor، ولهذا تراها جميعاً تتقارب في واجهة استخدام متشابهة.
00:03:39يمكنكم رؤية القدرة على عمل الـ commit على اليمين.
00:03:41ولديك ملفات المشروع المختلفة.
00:03:44والمثير للاهتمام هنا هو وجود تجربة أكثر تكاملاً لمبنى الأوامر (terminal).
00:03:49فإذا كنت تفضل تشغيل Claude Code أو Codex بشكل عادي، يمكنك فعل ذلك.
00:03:54تلاحظون هنا عملية تشغيل عادية تمت بالفعل.
00:03:56لديهم واجهة دردشة خاصة بهم أيضاً.
00:03:58لذا إذا كنت تفضل ذلك، أعتقد أن هذا جديد جداً.
00:04:00بينما يدفعك Conductor لاستخدام واجهة الدردشة المخصصة الخاصة بهم، في SuperSet
00:04:04لديك تلك المرونة.
00:04:06الآن، السبب الذي قد يجعلك ترغب في استخدام النسخة الأصلية من Claude Code أو Codex هو أنها ستحتوي على أحدث الميزات.
00:04:13ما أعنيه هو أنه قد يكون هناك تحديث لـ Codex يتضمن أمراً جديداً يبدأ بـ (/).
00:04:18إذا كتبت هذا الأمر في Conductor فقد لا يظهر لأنهم لم يقوموا بتحديث Conductor بعد.
00:04:22فهو إلى حد كبير غلاف حول Claude Code وCodex، لكنه ليس متطابقاً تماماً لأنك تستخدم واجهة الدردشة الخاصة بهم.
00:04:29لكن هنا في SuperSet، الفكرة مشابهة في استخدام واجهة الدردشة الخاصة بهم، ولكن يمكنك أيضاً استخدام واجهة السطر البرمجي (CLI) مباشرة.
00:04:36شيء آخر ستجده في SuperSet هو أنه يمكنك العمل انطلاقاً من الفرع الرئيسي (main branch).
00:04:40من المستغرب أن فعل ذلك في Conductor أمر مزعج قليلاً.
00:04:43لا يمكنك العمل مباشرة على الـ main في Conductor حسب علمي.
00:04:47يجب عليك فتح المشروع في شيء مثل Cursor أو VS Code.
00:04:52بالمناسبة، Conductor لديه نفس الشيء تماماً.
00:04:54لكن هنا تلاحظون أنه يمكنني فتح المشروع من SuperSet مباشرة في محرر آخر مثل Zed أو أي محرر أختاره.
00:05:01نفس الفكرة هنا تماماً.
00:05:03يمكنني فتحه في Finder أو Ghosty أو أي تطبيق أريده.
00:05:06جزء رائع آخر في SuperSet هو أنه يمكنك فتح علامة تبويب متصفح، حيث نرى هنا Inbox Zero وهو يعمل مباشرة داخل SuperSet.
00:05:15هذا مفيد جداً إذا كنت تعمل على كود الواجهة الأمامية (front end).
00:05:18يجب أن أذكر أيضاً أن كلا التطبيقين يتزامنان مع Linear وGitHub.
00:05:22لذا يمكنك إنشاء شجرة عمل جديدة بناءً على تذكرة في Linear مثلاً.
00:05:27وهنا بعض الميزات الأخرى التي يمتلكها SuperSet.
00:05:29أعتقد أنها ستكون مثيرة للاهتمام حقاً عندما تطلق مساحات العمل السحابية وتطبيق الهاتف.
00:05:34أفترض أن Conductor سيقوم بشيء مشابه أيضاً.
00:05:36هذه التطبيقات تتغير بسرعة كبيرة كما تتخيلون.
00:05:39وما نراه اليوم سيكون قصة مختلفة تماماً في غضون ثلاثة أشهر.
00:05:42إذا أريتكم كيف نستخدم SuperSet فعلياً، يمكنكم رؤية أنه يمكنني الاختيار بين Codex أو Claude Code، وبصراحة، خيارات أخرى كثيرة مثل Open Code.
00:05:50أعتقد أن هذه ميزة أخرى لـ SuperSet على Conductor.
00:05:54مع Conductor، أنت مقيد بـ Codex وClaude Code فقط.
00:05:57هنا لدي الكثير من الخيارات الأخرى التي يمكنني استخدامها.
00:05:59لذا لنقم بهذا التغيير، ولننشئ مساحة عمل.
00:06:03يمكنكم رؤية مساحة العمل وهي قيد الإعداد، وتقوم ببعض الأشياء.
00:06:06لقد فتح Codex هنا، وفي نفس الوقت تلاحظون أنه يقوم بعملية PMPM install في نافذة أخرى.
00:06:15الآن بعد الانتهاء، سأطلب منه إنشاء طلب سحب (PR).
00:06:19بالمناسبة، لاحظ في الجانب أنه تم تغيير اسم الفرع الخاص بنا.
00:06:22يمكننا فتح معاينة له في المتصفح، وهو أمر جميل.
00:06:26وتلاحظون أن طلب السحب جاهز.
00:06:27لقد ربطه لي هنا.
00:06:29ولكن يمكنني أيضاً أن أرى في الجانب أننا عند PR رقم 1915، وترون الفحوصات وهي جارية، تجربة مشابهة جداً لـ Conductor.
00:06:37يمكنني أيضاً النقر هنا لرؤية التغييرات أو الـ commits.
00:06:40إذا أردت رؤية الفوارق (diff)، يمكنني النقر هنا، وآمل أن أراها في الأسفل، وتلاحظون أن فحوصات CI جارية أيضاً.
00:06:48هذا يحدث في أشياء مثل GitHub Actions وأدوات برمجية أخرى قمت بتوصيلها.
00:06:52تلاحظون أن Vercel bot وSocket Security قد انتهيا بالفعل، بينما لا تزال أدوات مراجعة الكود بالذكاء الاصطناعي وبعض الاختبارات الشاملة (end-to-end) قيد التشغيل.
00:07:00شيء يجب الانتباه إليه عند استخدام Superset وConductor.
00:07:03يمكنك البحث عن الملفات، لكني لا أعتقد أن هناك طريقة للبحث عن كلمات محددة داخل الكود.
00:07:07لذا غالباً ما تضطر لفتح الكود في محرر آخر.
00:07:10لنفترض أنني أردت العثور على هذا في المشروع.
00:07:12لا أعتقد أن هناك طريقة للقيام بذلك في Conductor أو Superset حالياً.
00:07:17الأمر ليس بتلك الأهمية، ولكن هناك أوقات كثيرة سأقوم فيها بفتح محرر آخر لرؤية ما يحدث بعمق أكبر.
00:07:24ولكن في أغلب الأوقات يومياً، أكون فقط في Conductor أدير وكلائي المختلفين في الشق الجانبي.
00:07:29بالمناسبة، تلاحظون هنا هذا الشيء.
00:07:31يتم الآن إنشاء هذا التغيير.
00:07:33يمكنني النقر على إنشاء PR أو النقر على مراجعة، ويستمر هو في العملية.
00:07:37لذا فهو يحتوي على الكثير من الأزرار المدمجة الرائعة التي تجعل سير العمل أسهل بكثير في الاستخدام.
00:07:42C-mux هي الأداة التالية التي سنلقي نظرة عليها.
00:07:44لكن قبل ذلك، لنلقِ نظرة سريعة على شكل Ghosty.
00:07:46Ghosty هو مجرد مبنى أوامر (terminal) آخر.
00:07:48إنه رائع، يجب عليكم تحميله.
00:07:49أداؤه عالٍ جداً، وهو مبني بلغة Zig.
00:07:51هنا ترون Codex وهو يعمل داخل Ghosty.
00:07:53الشيء نفسه تماماً، هذا Claude Code يعمل في iTerm2.
00:07:56وهنا ترون Warp وهو يعمل.
00:08:00وهو أيضاً مبنى أوامر رائع. هذا التطبيق يبرز قليلاً لأنه يمكنك استخدام الذكاء الاصطناعي مع مبنى الأوامر الخاص بك.
00:08:04ويقوم بمجموعة من الأشياء الأخرى مثل البرمجة عبر الوكلاء (agentic coding).
00:08:07لم أستخدمه كثيراً في ذلك، لذا لن أدخل في تفاصيله.
00:08:10لكنه مبنى أوامر جميل جداً للاستخدام عبر اللغة الطبيعية بدلاً من الاضطرار لكتابة الأوامر.
00:08:16وهنا ترون كيف يبدو Warp في الممارسة العملية.
00:08:18وبالانتقال إلى Cmux، نرى أن Cmux هو تطبيق أصلي لنظام Mac OS مبني على Ghosty.
00:08:24تبويبات رأسية، حلقات تنبيه عندما يحتاج الوكلاء للانتباه، تقسيم النوافذ، وواجهة Socket API للأتمتة.
00:08:30هذا هو شكله. تلاحظون الكثير من المهام التي تعمل في الجانب.
00:08:33ويمكنكم أيضاً رؤية الكثير من النوافذ المقسمة تعمل هنا.
00:08:37ويمكنكم حتى رؤية علامة تبويب متصفح تعمل.
00:08:39وهذا هو شكل Cmux في الواقع عند فتحه لأول مرة.
00:08:43هو مجرد مبنى أوامر Ghosty بأداء عالٍ جداً، وهذا رائع، ولكن يمكنك البدء في القيام بأشياء أخرى.
00:08:48فهو يبدأ في العمل بشكل يشبه Tmux. إذا لم تكن على دراية بـ Tmux، فهذه هي الفكرة وراءه.
00:08:53هنا ترون Tmux وهو يعمل في مبنى الأوامر الخاص بي.
00:08:55يمكنني القيام بأشياء مثل تقسيم النوافذ داخل Tmux نفسه. هو مبنى أوامر داخل مبنى أوامر.
00:09:00ويُعرف أيضاً باسم مضاعف إرسال مبنى الأوامر (terminal multiplexer).
00:09:03وهنا تلاحظون أنني قمت فعلياً بتشغيل Tmux داخل Cmux، لكننا سنترك ذلك.
00:09:08وهنا لدينا Cmux يعمل. وترون أنه يمكنني الاستمرار في تقسيمه إلى نوافذ مختلفة.
00:09:13وهذا رائع حقاً. إذا أردت تشغيل أربعة نسخ من Codex بالتوازي، يمكنني فعل ذلك.
00:09:18ولا أحتاج لإدارة أربع نوافذ مختلفة.
00:09:21بالطبع، يمكنني فتح مبنى أوامر آخر هنا والقفز ذهاباً وإياباً بين المحطات.
00:09:27وأحد الأشياء الرائعة حقاً في Cmux هو أنه واجهة سطر برمجي (CLI) يمكنك استدعاؤها.
00:09:32فمثلاً هنا: Cmux new split left، ويمكنني جعله ينشئ علامة تبويب أخرى لي.
00:09:37ويمكنكم تخيل أنه إذا كنتم تستخدمون Claude Code، فيمكنه مثلاً تشغيل عدة وكلاء مختلفين في الكثير من علامات التبويب المختلفة لك.
00:09:44ويمكنك أيضاً جعل Claude Code يستخدم Cmux CLI للتحكم في أشياء أخرى.
00:09:49فمثلاً هنا، نرى أننا في PR رقم 1905.
00:09:52وقد تمكنت من إعداد ذلك بمجرد إخبار Claude Code: "مهلاً، أريد رؤية طلب السحب في الشق الجانبي هنا".
00:09:59يمكنك أيضاً جعله يتعامل مع أشياء مثل التنبيهات لك تلقائياً وتخصيصها.
00:10:04فمثلاً، عندما ينتهي Claude Code أو Codex من مهمة، يمكنهما استدعاء Cmux CLI لإرسال تنبيه لك يخبرك في أي علامة تبويب هو وأنه قد انتهى.
00:10:14ويمكنك أيضاً استخدامه لأشياء مثل تشغيل المتصفح وأتمتة المتصفح.
00:10:18فمثلاً هنا قمت بعمل: Cmux browser open get inbox zero dot com.
00:10:21وتلاحظون أنه ظهر في علامة تبويب جديدة هنا.
00:10:24ألقوا نظرة على الوثائق للمزيد حول ما يمكنه فعله.
00:10:27هنا ترون واجهة السطر البرمجي لأتمتة المتصفح.
00:10:30وهنا ترون كيف يدير التنبيهات لك.
00:10:33Cmux notify. لنجرب هذا الأمر.
00:10:36وترون أننا حصلنا على تنبيه جديد. هذا ممتاز.
00:10:39الآن، هناك بعض الفوارق بين Cmux وTmux.
00:10:42Tmux رائع جداً، لنقل، للعمل على الجلسات عن بُعد.
00:10:46إذا انقطع اتصال جلستك بالخادم، فإن Tmux سيستمر في العمل.
00:10:50Cmux مخصص لنظام الماك فقط، لذا من المحتمل ألا يعمل على خادمك.
00:10:54وهذا يعني أيضاً أنه إذا كنت تقوم بتشغيله على جهاز الكمبيوتر الخاص بك ثم أردت مواصلة العمل على هاتفك، فلن يساعدك في ذلك.
00:11:00أنا شخصياً أستخدم أداة تسمى Echo على هاتفي. هي رخيصة جداً، تكلفتها ثلاثة دولارات.
00:11:05ولكنها تسمح لك أساساً بالدخول عبر SSH إلى جهاز الكمبيوتر الخاص بك.
00:11:08وإذا كان لديك بالفعل جلسة Tmux Claude Code تعمل، يمكنك ببساطة مواصلتها مباشرة من هاتفك.
00:11:14يمكنك جعل جهاز الكمبيوتر وهاتفك على نفس شبكة Tailscale لإعداد ذلك.
00:11:18وهنا ترون كيف تبدو تلك التجربة. وهي في الواقع جميلة جداً.
00:11:21لا أستخدمها بكثرة، ولكن التطبيق نفسه بسيط جداً ومصقول للغاية.
00:11:25لذا أوصي بإلقاء نظرة على ذلك أيضاً.
00:11:27هذه هي نهاية الفيديو. آمل أن يعطيك هذا بعض الأفكار الجيدة عن
00:11:31الأدوات المختلفة الموجودة وكيفية استخدامها.
00:11:34بصراحة، جميعها تفعل الشيء نفسه تقريباً.
00:11:37في النهاية، أنت فقط تدردش مع ذكائك الاصطناعي عبر واجهة مختلفة قليلاً.
00:11:41بالنسبة لي، أهم شيء هو: هل يمكنني تشغيل عدة وكلاء بالتوازي؟
00:11:45والطريقة التي وجدت أنها الأسهل للقيام بذلك هي استخدام أشجار العمل (work trees).
00:11:48يجب أن أذكر أن Cmux لا يحتوي على أي شيء أصلي متعلق بأشجار العمل.
00:11:52لذا ستحتاج للبحث عن سكربتات لإعداد ذلك.
00:11:55ولكن إذا كنت تستخدم شيئاً مثل Claude، فيمكنك ببساطة طلب Claude work tree
00:11:58وسيقوم بإعداد الأمور في شجرة عمل جديدة لك.
00:12:01أشجار العمل مدمجة في Git، لذا حرفياً كل تطبيق تستخدمه يمكنه استغلالها.
00:12:05ولكن في تطبيقات مثل Conductor أو Superset حيث تضغط فقط على علامة الزائد
00:12:09وتحصل على شجرة عمل جديدة ويتم إعداد كل شيء لك تلقائياً،
00:12:11فلن تضطر للقلق بشأن ذلك. وهذا أمر رائع جداً.
00:12:14أما إذا كنت تستخدم شيئاً مثل Cmux، فهناك سكربتات على الإنترنت يمكنها مساعدتك في القيام بنفس الشيء.
00:12:17وبصراحة، الأمر يتطلب بضعة أسطر من الكود فقط للمساعدة في ذلك.
00:12:20آمل أنكم استمتعتم بالفيديو ووجدتموه مثيراً للاهتمام.
00:12:23تأكدوا من الاشتراك لمتابعة الفيديوهات المستقبلية. وإذا أردتم إسداء معروف لي،
00:12:26تفقدوا GitInboxZero.com وقوموا بوضع نجمة للمستودع على GitHub. هو مفتوح المصدر بالكامل.
00:12:31هو مساعد بريد إلكتروني بالذكاء الاصطناعي يساعدك في إدارة بريدك والوصول إلى "صندوق وارد فارغ" بسرعة.