Windsurf Playwright browser_console_messages

Add Playwright to Windsurf

1. 01

   Open ~/.codeium/windsurf/mcp_config.json and merge this in. Keep any servers already there.

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

2. 02

   Save the file and restart Windsurf.

3. 03

   Ask for something browser_console_messages does. Windsurf lists the server's tools on connect and calls browser_console_messages itself — you do not invoke it by name.

4. 04

   If nothing happens, check the server is running and that Playwright's identifier in your config matches the one above exactly.

Global only — Windsurf has no per-project MCP config. Refresh Cascade after saving. Windsurf docs

Same tool, other clients

• Claude Code
• Claude Desktop
• Cursor
• VS Code
• Zed