Playwright Cloud Browsers

1. 1

   Open Claude’s Connectors page

   Customize→Connectors

   Done
2. 2

   Click “+ Add” → “Add custom connector” and fill in these 2 fields

   Copy each value into the field with the same name in Claude, then click Continue

   Name · NamePlaywright Cloud BrowsersCopy

   Remote MCP server URL · Addresshttps://{region}.mcp.playwright.microsoft.com/playwrightworkspaces/{workspaceId}/mcpCopy

   Leave Authentication as Claude detected it, then click Add

   Done
3. 3

   Turn it on in a chat

   +→Connectors→Playwright Cloud Browsers

   Done
4. 4

   Try it

   Use Playwright Cloud Browsers and tell me what you can do for me, then show me one thingCopy

   ✓ If Claude says it is using Playwright Cloud Browsers or shows a Playwright Cloud Browsers tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

1. 1

   Open ChatGPT’s add-MCP page on the web

   Plugins→+→Add custom MCP server

   Done
2. 2

   Fill in the name and address

   Enter a name, paste the address under Connection, tick the risk warning and click Create as a plugin

   Name · NamePlaywright Cloud BrowsersCopy

   Connection · Addresshttps://{region}.mcp.playwright.microsoft.com/playwrightworkspaces/{workspaceId}/mcpCopy

   Done
3. 3

   Pick Playwright Cloud Browsers in a chat

   Start a new chat and pick Playwright Cloud Browsers from your plugins before typing

   Done
4. 4

   Try it

   Use Playwright Cloud Browsers and tell me what you can do for me, then show me one thingCopy

   ✓ If ChatGPT says it is using Playwright Cloud Browsers or shows a Playwright Cloud Browsers tool in the answer, you are connected

Menu names checked against OpenAI’s help page on Nov 11, 2026 · your screen may differ slightly by app version

1. 1

   Open Terminal

   Mac: press Command+Space and type Terminal · Windows: open PowerShell

   Done
2. 2

   Paste this command and press Enter

   claude mcp add --transport http playwright-cloud-browsers 'https://{region}.mcp.playwright.microsoft.com/playwrightworkspaces/{workspaceId}/mcp'

   Copy

   Done
3. 3

   Type /mcp in Claude Code

   You should see Playwright Cloud Browsers listed as connected

   Done
4. 4

   Try it

   Use Playwright Cloud Browsers and tell me what you can do for me, then show me one thingCopy

   ✓ If Claude Code says it is using Playwright Cloud Browsers or shows a Playwright Cloud Browsers tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

1. 1

   Open Cursor’s MCP settings file

   ~/.cursor/mcp.json

   Paste these settings, fill in the empty values and save

   {
     "mcpServers": {
       "playwright-cloud-browsers": {
         "url": "https://{region}.mcp.playwright.microsoft.com/playwrightworkspaces/{workspaceId}/mcp"
       }
     }
   }

   Copy

   Done
2. 2

   Open the AI chat in Cursor in Agent mode

   Done
3. 3

   Try it

   Use Playwright Cloud Browsers and tell me what you can do for me, then show me one thingCopy

   ✓ If Cursor says it is using Playwright Cloud Browsers or shows a Playwright Cloud Browsers tool in the answer, you are connected

Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version

1. 1

   Open VS Code’s MCP settings file

   MCP: Open User Configuration

   Paste these settings, fill in the empty values and save

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

   Copy

   Done
2. 2

   Open the AI chat in VS Code in Agent mode

   Done
3. 3

   Try it

   Use Playwright Cloud Browsers and tell me what you can do for me, then show me one thingCopy

   ✓ If VS Code says it is using Playwright Cloud Browsers or shows a Playwright Cloud Browsers tool in the answer, you are connected

Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.

See every app that uses MCP →

Address for apps that connect over the web

JSON settings are under “For developers” below