freemcplab / الدليل / الملعب / BrowserWing

● مجتمع browserwing ⚡ فوري

BrowserWing

Name: BrowserWing (Claude Skill)
Author: browserwing

بواسطة browserwing · browserwing/browserwing

يُسجّل إجراءات متصفحك ويُصدرها كأوامر Claude-skill أو MCP — حوّل التدفقات اليدوية إلى روتينات يستطيع الـ agent استدعاؤها.

BrowserWing يُراقب متصفحك، يلتقط النية (نقرات، تعبئة، تنقلات)، ويُصدر قطعة قابلة للاستدعاء من الـ agent: إما Claude Skill أو أداة MCP. استخدمه لتعليم الـ agents تدفقات المتصفح المتكررة دون كتابة Playwright يدوياً.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

مسجّل الإجراءات
إصدار كـ Claude Skill أو أداة MCP
مقاومة انجراف selectors (CSS + role + نص)
تحويل التدفقات الملتقطة إلى معاملات
يعمل مع Chromium / Firefox

عرض مباشر

كيف يبدو في الممارسة

جاهز

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "browserwing-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json

{
  "context_servers": {
    "browserwing-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/browserwing/browserwing"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add browserwing-skill -- git clone https://github.com/browserwing/browserwing

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: BrowserWing

تعليم Claude تدفقاً بتسجيل نفسك

👤 مستخدمو Claude Code ⏱ ~15 min intermediate

متى تستخدمه: مهمة متصفح متكررة تتمنى أن يستطيع Claude فعلها.

الخطوات

التسجيل

شغّل BrowserWing؛ نفّذ التدفق.✓ تم النسخ

→ الأثر مُلتقَط
التنقيح

حدّد المدخلات المتغيرة.✓ تم النسخ

→ تدفق محوَّل إلى معاملات
التصدير

صدّر كـ skill / أداة MCP.✓ تم النسخ

→ قابل للاستدعاء من الـ agent

النتيجة: روتين متصفح متكرر يستطيع Claude استدعاؤه.

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

browserwing-skill + playwright-mcp

استخدم Playwright MCP تحت الغطاء؛ BrowserWing لتجربة الالتقاط

Combine browserwing-skill with playwright-mcp: Use Playwright MCP underneath; BrowserWing for capture UX✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداة	المدخلات	متى تستدعيها	التكلفة
recorder + runner	(انظر التوثيق)	زوج CLI + قطعة skill	1 استدعاء

التكلفة والحدود

تكلفة التشغيل

حصة API: متصفح محلي
الرموز لكل استدعاء: صغير لكل استدعاء
التكلفة المالية: مجاني ومفتوح المصدر
نصيحة: أعد التسجيل عند تغيير تصميم المواقع

الأمان

الصلاحيات والأسرار ونطاق الأثر

الحد الأدنى من الصلاحيات: browser-control

تخزين بيانات الاعتماد: تدفقات ملتقطة على القرص

نقل البيانات الخارجي: أينما يذهب التدفق

لا تمنح أبدًا: record on banking / health sites blindly

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

انجراف Selector

المسجّل يُفضّل role + نص — أعد التسجيل إذا أعاد الموقع تصميمه

البدائل

BrowserWing مقابل البدائل

البديل	متى تستخدمها	المقايضة
Hand-written Playwright	تريد تحكماً في الكود	أبطأ في التأليف