AI Toolkit

MCP Servers

Playwright MCP

Give your coding assistant browser tools to navigate pages, interact with interfaces, and inspect results.

What it does

Exposes Playwright browser automation through MCP, using structured accessibility snapshots for page interaction.

  • Browser navigation and interaction
  • Accessibility-tree snapshots
  • Page inspection and screenshots

Why use it

Useful for checking a local app, reproducing interface problems, and exercising browser workflows.

Recent traction

Reported in 412 additional public repositories’ agent configs over 30 days.

Source snapshot: 2026-10-25. This is a 30-day signal, not a 90-day ranking.

View popularity source (opens in a new tab)

Installation

  1. Install Node.js 18 or newer and a supported MCP-enabled assistant.

  2. Claude Code: run in your terminal: claude mcp add playwright npx @playwright/mcp@latest

  3. Codex: run in your terminal: codex mcp add playwright npx "@playwright/mcp@latest"

  4. Restart the assistant and check its MCP tools. Follow the official browser-installation guidance if a browser is not available.

Official website / repository (opens in a new tab)