Puppeteer MCP — Installer & Démo en direct

Name: Puppeteer MCP MCP Server
Author: merajmehrabi

Démo en direct

Aperçu en pratique

puppeteer-mcp-merajmehrabi.replay ▶ prêt

0/0

Installer

Choisissez votre client

~/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"
      ]
    }
  }
}

Ouvrez Claude Desktop → Settings → Developer → Edit Config. Redémarrez après avoir enregistré.

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

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

Cursor utilise le même schéma mcpServers que Claude Desktop. La config projet l'emporte sur la globale.

VS Code → Cline → MCP Servers → Edit

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

Cliquez sur l'icône MCP Servers dans la barre latérale Cline, puis "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

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

Même format que Claude Desktop. Redémarrez Windsurf pour appliquer.

~/.continue/config.json

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

Continue utilise un tableau d'objets serveur plutôt qu'une map.

~/.config/zed/settings.json

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

Ajoutez dans context_servers. Zed recharge à chaud à la sauvegarde.

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

Une seule ligne. Vérifiez avec claude mcp list. Supprimez avec claude mcp remove.

Cas d'usage

Usages concrets : Puppeteer MCP

Get started with Puppeteer MCP

Quand l'utiliser : When you want to bring Puppeteer MCP into your Claude workflow.

Déroulement

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.✓ Copié

Résultat : Claude can interact with Puppeteer MCP directly from your IDE.

Plus

Ressources

📖 Lire le README officiel sur GitHub

🐙 Voir les issues ouvertes

🔍 Parcourir les 400+ serveurs MCP et Skills