Playwright MCP - Serveur MCP d’automatisation de navigateur web pour les LLM

• Serveur MCP (Model Context Protocol) fonctionnant sur la base de Playwright
• Fournit des instantanés d’accessibilité structurés pour permettre aux LLM d’interagir avec les pages web, ce qui le rend rapide et léger
• Met en œuvre l’automatisation web uniquement avec des données structurées textuelles, sans captures d’écran ni modèle de vision
• Usages : navigation sur des pages web et remplissage automatique de formulaires, extraction de données à partir de contenus structurés, tests d’automatisation basés sur des LLM, contrôle général du navigateur web par des agents

Installation

• config

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

• Installation directe possible dans VSCode : Install in VS Code Insiders
  • Après l’installation, Playwright MCP peut être utilisé depuis l’agent GitHub Copilot de VSCode

Liste des outils du mode Snapshot

• browser_navigate: aller à une URL
• browser_go_back / go_forward: revenir en arrière / avancer
• browser_click / hover / drag: cliquer sur un élément, le survoler, le faire glisser
• browser_type: saisir du texte dans un champ (option : submit)
• browser_select_option: sélectionner dans une liste déroulante
• browser_press_key: appuyer sur une touche du clavier
• browser_snapshot: capturer un instantané d’accessibilité
• browser_save_as_pdf: enregistrer la page en PDF
• browser_wait: attendre pendant une durée donnée (time est limité à 10 secondes)
• browser_close: fermer la page

Liste des outils du mode Vision

• browser_navigate / go_back / go_forward
• browser_screenshot: capturer une capture d’écran
• browser_move_mouse / click / drag: contrôle de la souris basé sur des coordonnées
• browser_type: saisir du texte à une position donnée par coordonnées
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

J’ai essayé de connecter Playwright MCP à Cursor, mais il n’arrive pas du tout à lire les pages de Namuwiki..

[asheswook]

C'est probablement à cause du blocage des bots.

[crawler]

Je ne m’en étais pas rendu compte quand je l’ai vu hier, mais c’est Microsoft en fait, wow. Je vais l’essayer.

[GN⁺]

Avis sur Hacker News

• Cet outil est excellent. Je l'utilise avec Claude Code avec beaucoup de succès

  • J'ai laissé dans CLAUDE.md l'instruction de valider les modifications avec Playwright
  • Il démarre automatiquement le serveur de développement, va sur la page modifiée et vérifie que les changements fonctionnent
  • S'il y a quelque chose d'inattendu, il le corrige de lui-même
  • On a vraiment l'impression de travailler avec un excellent ingénieur de niveau intermédiaire
  • C'est vraiment une époque incroyable

• Utilise ariaSnapshot pour fournir une représentation accessible du DOM

  • Mais dès qu'on va sur un site comme Gmail, le contexte du modèle s'épuise rapidement
  • Ils expérimentent une représentation textuelle plus concise de la page
  • Il utilise sa propre session Chrome et n'a pas besoin d'une grande taille de contexte
  • Cela pourrait aussi être refactorisé en une interface aria utilisable pour le CDP

• Je vais le combiner avec JIRA MCP pour lire les "étapes de reproduction" d'un ticket de bug et vérifier s'il peut réellement être reproduit

  • Je ne comprends pas les critiques contre MCP
  • Il est vraiment intéressant d'observer l'explosion cambrienne des "connecteurs"
  • Ce sera le "store d'apps" des modèles, ce que les Custom GPTs d'OpenAI n'ont pas réussi à devenir

• Le nouvel outil de Microsoft semble être un concurrent de MCP-Playwright

  • L'outil de Microsoft semble plus simple, tandis que l'autre offre davantage de fonctionnalités

• Excellente release. Mais je me demande pourquoi il ne prend pas en charge l'API Playwright d'origine et seulement un sous-ensemble d'actions

• Je ne connais pas Playwright, mais je me demande en quoi il diffère de Puppeteer

  • Le problème avec Puppeteer, c'est qu'il n'obtient pas toujours immédiatement le bon JavaScript pour accomplir des tâches simples comme accepter une bannière de consentement aux cookies

• Je l'ai soumis plusieurs fois et j'aimerais en entendre davantage

  • Il y a aussi Fetch-MCP, qui est également basé sur Playwright et prend en charge le batching. Ce serait intéressant de les comparer

• Il me faut un MCP pour Capybara, afin que les LLMs puissent écrire mes tests système Rails et déboguer quand ça ne marche pas

• "code --add-mcp"

  • Je me demande si VSCode intègre un client MCP

• Je me demande si cet outil est destiné à l'automatisation des tests, ou à l'utilisation de Playwright comme "Operator" dans un agent