المهارات browsing-with-playwright
🌐

browsing-with-playwright

مخاطر منخفضة 🌐 الوصول إلى الشبكة⚡ يحتوي على سكربتات⚙️ الأوامر الخارجية

أتمتة تفاعلات المتصفح باستخدام Playwright MCP

تتطلب مهام أتمتة الويب التنقل اليدوي وملء النماذج بشكل متكرر. توفر هذه المهارة واجهة Model Context Protocol لـ Playwright، مما يمكّن مساعدي الذكاء الاصطناعي من التنقل بين الصفحات، والتفاعل مع العناصر، واستخراج البيانات، والتقاط لقطات شاشة برمجياً.

يدعم: Claude Codex Code(CC)
🥉 75 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "browsing-with-playwright". انتقل إلى https://example.com واعثر على زر الإرسال

النتيجة المتوقعة:

  • تم تحميل الصفحة بنجاح: https://example.com
  • العنصر الموجود: زر الإرسال (المرجع: e5)
  • العنصر قابل للنقر وجاهز للتفاعل

استخدام "browsing-with-playwright". التقط لقطة شاشة لصفحة التسعير

النتيجة المتوقعة:

  • تم الانتقال إلى صفحة التسعير
  • تم حفظ لقطة شاشة كاملة في pricing-screenshot.png
  • أبعاد الصورة: 1920 × 2840 بكسل

التدقيق الأمني

مخاطر منخفضة
v5 • 1/16/2026

Legitimate browser automation skill using official Playwright MCP protocol. All network traffic is localhost-only to the MCP server. Shell command patterns in static findings are false positives from markdown documentation formatting and legitimate local server lifecycle management. No data exfiltration or external network calls detected.

7
الملفات التي تم فحصها
1,865
الأسطر التي تم تحليلها
4
النتائج
5
إجمالي عمليات التدقيق
مشكلات منخفضة المخاطر (1)
scripts/mcp-client.py:204-212
StdioTransport uses shell=True
The StdioTransport class uses shell=True for subprocess spawning when connecting to MCP servers. While this is legitimate for local MCP server spawning, the pattern is noted for completeness.

عوامل الخطر

🌐 الوصول إلى الشبكة (1)
scripts/mcp-client.py:33-34
⚡ يحتوي على سكربتات (3)
scripts/start-server.sh:1-26 scripts/stop-server.sh:1-29 scripts/verify.py:1-21
⚙️ الأوامر الخارجية (1)
scripts/mcp-client.py:191-212
تم تدقيقه بواسطة: claude عرض سجل التدقيق →

درجة الجودة

64
الهندسة المعمارية
100
قابلية الصيانة
85
المحتوى
31
المجتمع
88
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

اختبار واجهة المستخدم

أتمتة سير عمل الاختبار عن طريق التنقل بين الصفحات، وملء النماذج، والتحقق من تغييرات المحتوى برمجياً.

كشط الويب

استخراج البيانات المنظمة من مواقع الويب عن طريق التنقل بين الصفحات والتقاط محتوى العناصر.

أتمتة النماذج

اختبار تقديم النماذج والتحقق منها عن طريق ملء الحقول برمجياً والتعامل مع الحوارات.

جرّب هذه الموجهات

تنقل الصفحة 
اذهب إلى https://example.com وأظهر لي العناصر الموجودة على الصفحة.
ملء نموذج 
انتقل إلى صفحة تسجيل الدخول، والتقط لقطة للعثور على حقول النموذج، ثماملأ البريد الإلكتروني وكلمة المرور وأرسل.
استخراج البيانات 
انتقل إلى https://news-site.com واستخرج جميع عناوين المقالات والروابط من الصفحة الرئيسية.
لقطة شاشة 
التقط لقطة شاشة كاملة لـ https://example.com واحفظها في example-screenshot.png.

أفضل الممارسات

  • قم دائماً بتشغيل browser_snapshot قبل التفاعل مع عناصر الصفحة للحصول على مراجع دقيقة
  • استخدم browser_wait_for للتعامل مع تحميل المحتوى الديناميكي
  • أوقف خادم MCP عند اكتمال عمل المتصفح لتحرير الموارد

تجنب

  • لا تستخدم browser_evaluate لتنفيذ أكواد غير موثوقة من مصادر خارجية
  • لا تحاول تجاوز المصادقة أو الوصول إلى محتوى مقيد
  • لا تترك الخادم يعمل بشكل غير محدود دون استخدام

الأسئلة المتكررة

ما المنصات التي تدعم هذه المهارة؟
يعمل مع Claude وCodex وClaude Code على أنظمة macOS وLinux وWindows مع تثبيت Playwright.
ما حدود الموارد؟
يعمل المتصفح محلياً على جهازك. يعتمد استخدام الموارد على الصفحات المُحملة وتعقيد التفاعلات.
كيف يمكنني الدمج مع الأدوات الموجودة؟
توفر المهارة واجهة MCP. قم بتكوين أداة الذكاء الاصطناعي للاتصال بـ localhost:8808 بعد تشغيل الخادم.
هل بيانات التصفح الخاصة بي آمنة؟
جميع أنشطة المتصفح محلية. يعمل خادم MCP على localhost ولا ينقل البيانات خارجياً.
لماذا يفشل التحقق؟
تأكد من تثبيت متصفحات Playwright باستخدام npx playwright install. ابدأ الخادم باستخدام bash scripts/start-server.sh.
كيف يقارن بـ puppeteer؟
يستخدم هذا Playwright الذي يوفر دعم المتصفحات المتعددة، ومعالجة غير متزامنة أفضل، وبروتوكول MCP الموحد للدمج مع الذكاء الاصطناعي.

تفاصيل المطور

المؤلف

Asmayaseen

الترخيص

MIT

المستودع

https://github.com/Asmayaseen/hackathon-2/tree/main/.claude/skills/browsing-with-playwright

مرجع

main

بنية الملفات

📁 references/

📄 playwright-tools.md

📁 scripts/

📄 mcp-client.py

📄 start-server.sh

📄 stop-server.sh

📄 verify.py

📄 SKILL.md