Playwright MCP: MCP server pour Any MCP client et Claude Code

Ce qu'est Playwright MCP

Permet aux LLM d'interagir avec des pages web grâce à des snapshots d'accessibilité structurés plutôt qu'à des captures d'écran. Le README oriente aussi les agents de code vers la CLI Playwright avec des skills, une alternative plus économe en tokens.

Ce qu'il fait

Où Playwright MCP s'exécute et ce qu'il ajoute, d'après sa documentation

Pilote un navigateur via l'arbre d'accessibilité
Appels d'outils déterministes sans saisie basée sur les pixels
Profil persistant, contextes isolés, ou connexion à un navigateur existant via une extension
Mode headless ou avec interface
Restreint les origines avec les options d'origines autorisées/bloquées

Quand l'utiliser

Bonne adéquation

Automatisation exploratoire et tests auto-réparateurs
Boucles d'agent de longue durée nécessitant un état de navigateur persistant

Pas pour

Les agents de code à haut débit avec un contexte serré : le README suggère la CLI Playwright avec des skills
Utiliser les listes d'origines comme frontière de sécurité : le README précise qu'elles n'en sont pas une

Comment installer Playwright MCP

Il vous faut : Node.js 18 ou plus récent; Un client MCP tel que VS Code, Cursor, Windsurf, Claude Desktop

Installez Node.js 18 ou plus récent
Claude Code : claude mcp add playwright npx @playwright/mcp@latest
Codex : codex mcp add playwright npx "@playwright/mcp@latest"
Cursor : Settings > MCP > Add new MCP Server avec la commande npx @playwright/mcp@latest
Autres clients : utilisez la configuration standard

Exemple de configuration (tiré de la documentation officielle)

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

Autorisations et sécurité

Ce à quoi il accède

Lance et contrôle un navigateur, charge des pages web arbitraires

Notes de sécurité des mainteneurs

README : --allowed-origins / --blocked-origins ne constituent pas une frontière de sécurité et n'affectent pas les redirections

Examinez la source avant de donner à un agent l'accès à des identifiants ou à des systèmes de production. Nous documentons ce que déclarent les mainteneurs ; nous n'auditons pas le code.

Limites

Les arbres d'accessibilité et les schémas d'outils consomment des tokens de contexte par rapport à la CLI

Outils qu'il étend

Programmation

Claude Code

Web · Desktop

Pas encore d'avis d'utilisateurs

Outil de codage agentique d'Anthropic qui lit votre base de code, modifie des fichiers et exécute des commandes depuis le terminal, les IDE ou le navigateur.

La gratuité s'arrête à : Pas d'offre gratuite : Claude Code est inclus dans les abonnements Claude payants (Pro, Max, Team, Enterprise…

Listed Pas encore évalué

Vérifié Sep 29, 2026 code.claude.com (ouvre le site de Claude Code dans un nouvel onglet)