AI Index

Add the Playwright Cloud Browsers MCP server to VS Code

Add the Playwright Cloud Browsers entry the way VS Code’s own docs describe, fill in what it needs, then check it’s connected.

  1. Open mcp.json

    Where the file is: .vscode/mcp.json

  2. Paste the server entry

    {
  "servers": {
    "microsoft-playwright-cloud-browsers": {
      "type": "http",
      "url": "https://<region>.mcp.playwright.microsoft.com/playwrightworkspaces/<workspaceId>/mcp"
    }
  }
}

    If the file already has servers, add the entry inside the existing object.

  3. Fill in the values

    What you fill in

    Required values appear as <NAME> placeholders in the snippets; add optional ones the same way. Descriptions are the server’s registry entry’s.

    • <region> Value Required

      Azure region hosting the Playwright workspace

    • <workspaceId> Value Required

      Playwright workspace ID

  4. Check it’s connected

    Restart or reload VS Code and look for microsoft-playwright-cloud-browsers in its list of MCP servers. A server that needs sign-in opens it on first use.

VS Code’s MCP docs · Playwright Cloud Browsers MCP server →

Other clients

Claude CodeCursorCodexClaudeChatGPTDevin DesktopGemini CLIGitHub CopilotClineKiroZedOpenCodeJetBrains AI Assistant