00:00:00تُعد واجهة سطر أوامر Playwrights CLI أحدث وسيلة لاستخدام Playwrights مع وكيل البرمجة الخاص بك، مما يتيح لك إدارة
00:00:04التخزين المحلي وتخزين الجلسات، وأخذ لقطات شاشة، وإدارة علامات التبويب – وبشكل أساسي الاستفادة من القوة الكاملة
00:00:09لمحرك Playwrights من داخل مبنى الأوامر (terminal) الخاص بك.
00:00:12ولكن لماذا قد يستخدم أي شخص هذه الواجهة بدلاً من استخدام خادم Playwrights MCP؟
00:00:17في الواقع، لماذا يتم بناء المزيد من واجهات سطر الأوامر (CLIs) لأدوات كانت في السابق خوادم MCP؟
00:00:22اشترك في القناة ولنبدأ في التفاصيل.
00:00:24لنبدأ باختبار كل من واجهة Playwrights CLI وخادم MCP في مهمة بسيطة واحدة.
00:00:31سأطلب منه مساعدتي في اختبار أداة أعمل عليها لتحميل مقاطع الفيديو من
00:00:35منصة تويتر.
00:00:36سأطلب من Playwright جلب الرابط لهذه التغريدة، ولصقه هنا، واستخراج
00:00:40الفيديو، ثم الانتظار لمدة 10 ثوانٍ قبل أخذ لقطة شاشة، ثم مسح التخزين المحلي
00:00:45حتى يبدأ الوكيل التالي بسجل نظيف.
00:00:48سنقوم أولاً بتجربة واجهة Playwrights CLI باستخدام Clawed Code، وإذا قمنا بتثبيتها،
00:00:54فمن المفترض أن تكون المهارة متاحة هنا.
00:00:56لاحظ أنها تستهلك 68 رمزاً (tokens) فقط.
00:00:59والآن سأعطيه هذا الأمر، الذي يطلب من الوكيل صراحةً استخدام
00:01:03مهارة Playwrights CLI، فقط لجعل الأمور أسهل قليلاً.
00:01:06الآن سأضغط على Enter، وسيقوم بتحميل المهارة، ووضع هذا الرابط في مربع النص، ثم يضغط
00:01:11على “استخراج الفيديو”، وبعد ذلك سينتظر لمدة 10 ثوانٍ.
00:01:13لقد أخذ الآن لقطة الشاشة، ومسح التخزين المحلي، وأغلق المتصفح.
00:01:17لقد انتهى الأمر، ويقول إن لقطة الشاشة محفوظة هنا، وإذا نظرنا إليها،
00:01:21سنرى أنها تظهر أن الفيديو قد تم تحميله بنجاح.
00:01:24وقد استهلكت العملية برمتها حوالي 16% من الرموز (tokens).
00:01:27الآن لنحاول القيام بنفس الشيء باستخدام خادم MCP.
00:01:29يمكننا استخدام أمر MCP للتحقق من أننا قمنا بتثبيته.
00:01:33وقبل أن نمضي قدماً في ذلك، دعونا نلقي نظرة على السياق (context).
00:01:35وإذا قمت بالتمرير للأعلى، سنرى أن 15% من السياق مستخدم بالفعل، لأن
00:01:41كل أدوات MCP هذه يتم تحميلها، وهي تستهلك حوالي 3.6 ألف رمز (tokens).
00:01:46حسناً، مع وضع ذلك في الاعتبار، سنستخدم نفس الأمر السابق.
00:01:50لاحظ أنني أستخدم أدوات خادم Playwright MCP، بدلاً من استخدام مهارة CLI.
00:01:55لقد بدأ باستخدام خادم MCP، والذي يفتح متصفحاً جديداً.
00:01:59ثم قام بلصق الرابط في خانة الإدخال.
00:02:01وبعد ذلك سيقوم بالضغط على الزر.
00:02:02لقد لاحظت أن خادم MCP يطلب أذونات أكثر بكثير مما تطلبه واجهة CLI، وهو أمر لا بأس به.
00:02:08وقد واجه بعض المشكلات في أخذ لقطة الشاشة، وهو ما قد يكون بسبب وجود ملف
00:02:12بهذا الاسم بالفعل.
00:02:13لقد حاولت مجدداً باستخدام خادم Playwright MCP، ورغم أنه حاول
00:02:17باستخدام اسم ملف مختلف، إلا أنه واجه مشكلات عدة مرات في محاولة استخراج لقطة الشاشة.
00:02:22والآن قد انتهى.
00:02:23لقد تمكن من فعل كل شيء باستثناء أخذ لقطة الشاشة.
00:02:26لكن لنلقِ نظرة الآن على السياق، وسنرى أنه استهلك 35 ألف رمز، أي بنسبة 18%.
00:02:32وهو أكثر قليلاً من واجهة CLI، وكان الجزء الأكبر مستهلكاً بواسطة أدوات MCP.
00:02:37ولكن هناك في الواقع طريقة للقيام بنفس المجموعة من المهام واستخدام سياق أقل قليلاً،
00:02:43والتي سأتحدث عنها لاحقاً في الفيديو.
00:02:45أعلم أن هذا مثال واحد فقط، وقد تكون هناك حالات يتفوق فيها خادم MCP
00:02:51ويستهلك رموزاً أقل من Playwright CLI بناءً على المهمة، رغم أنني أشك في ذلك.
00:02:56وقد تعتقد أيضاً أن الفرق بين 16% و18% ليس كبيراً.
00:03:02لكن واجهة CLI لديها مزايا أخرى تتفوق بها على خادم MCP.
00:03:06بشكل افتراضي، لا يعرض خادم Playwright MCP جميع الأدوات المتاحة.
00:03:11في الواقع، سيتعين عليك اختيار أدوات إضافية مثل إنشاء ملفات PDF أو التتبع (tracing) من أجل
00:03:16استخدامها لأنها تستهلك قدراً كبيراً من السياق.
00:03:19إلا أن واجهة CLI لا تعاني من هذا القيد.
00:03:22بل إن جميع الأدوات متاحة فيها منذ البداية.
00:03:25كما أن واجهة CLI ليست جيدة للوكلاء فحسب، بل للبشر أيضاً، فبالنسبة للمهام
00:03:29التي تكررها باستمرار، أو حتى للاختبارات الشاملة (end-to-end)، يمكنك إنشاء نص برمجى بسيط (bash script)
00:03:34يمكن للإنسان تشغيله للتحقق من النتائج، ويمكن للوكيل تشغيله أيضاً.
00:03:39لكن هذا لا يعني أن خادم MCP عديم الفائدة، فإذا كنت تبني حلقة وكيل (agent loop)
00:03:44تريد تشغيلها في أي مكان، مثل المتصفح، أو تطبيقات سطح المكتب والجوال، وليس فقط في
00:03:49مبنى الأوامر، فإن خادم MCP مثالي لذلك، لأنه بروتوكول قياسي
00:03:54يستخدمه الوكلاء للوصول إلى الأدوات، ولأن Playwright يشغل أكواد JavaScript أو TypeScript، يمكنك
00:03:59تشغيل هذا الكود في أي بيئة تدعم بيئة تشغيل JavaScript.
00:04:03أيضاً، يعمل خادم MCP في وضع الواجهة الرسومية (headed mode) افتراضياً، بينما تعمل واجهة CLI في وضع الخلفية (headless)،
00:04:09بما أنها مصممة للعمل في الخلفية داخل وكلاء البرمجة.
00:04:13وإذا كنت تهتم بتقليل استهلاك الرموز في خادم Playwright MCP، يمكنك تهيئته
00:04:17عن طريق تفعيل أو تعطيل أدوات معينة.
00:04:20في الواقع، إذا كان هدفك هو استخدام أقل قدر ممكن من الرموز، فلا يجب عليك استخدام
00:04:26واجهة Playwrights CLI أيضاً، لأن متصفح الوكيل الخاص بشركة Sel يحمل Playwright في جوهره، ولكنه يمتلك
00:04:32واجهة CLI مبنية بلغة Rust، مما يجعله أسرع، ومصمماً لاستهلاك رموز أقل من Playwright، كما رأيتم في
00:04:38المثال السابق.
00:04:39شاهد الفيديو القادم لتتعلم كل شيء عن Agent Browser وترتقي بمهارات التصفح
00:04:43لوكيل البرمجة الخاص بك إلى المستوى التالي.