Puppeteer MCP

Name: Puppeteer MCP MCP Server
Author: merajmehrabi

عرض مباشر

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

puppeteer-mcp-merajmehrabi.replay ▶ جاهز

0/0

التثبيت

اختر العميل

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

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

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

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

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

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

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

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

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  }
}

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

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "puppeteer-mcp-merajmehrabi",
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-mcp-merajmehrabi"
      ]
    }
  ]
}

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

~/.config/zed/settings.json

{
  "context_servers": {
    "puppeteer-mcp-merajmehrabi": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "puppeteer-mcp-merajmehrabi"
        ]
      }
    }
  }
}

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

claude mcp add puppeteer-mcp-merajmehrabi -- npx -y puppeteer-mcp-merajmehrabi

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

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

استخدامات عملية: Puppeteer MCP

Get started with Puppeteer MCP

متى تستخدمه: When you want to bring Puppeteer MCP into your Claude workflow.

الخطوات

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Puppeteer MCP to help me with a task.✓ تم النسخ

النتيجة: Claude can interact with Puppeteer MCP directly from your IDE.