Glen

Join the waitlist

We onboard teams in waves. Leave your work email and we'll send your invite when your spot opens.

Add the BrowserStack MCP server to VS Code

Config last verified Jun 1, 2026

The exact config to run BrowserStack in VS Code — paste it in, restart, and the tools load.

Prerequisites

  • VS Code installed.
  • BROWSERSTACK_USERNAME — Your BrowserStack username, found in your account settings.
  • BROWSERSTACK_ACCESS_KEY — Your BrowserStack access key, found in your account settings.

Setup

1. Open .vscode/mcp.json

2. Add this configuration

Add to .vscode/mcp.json

.vscode/mcp.json
json
{
  "servers": {
    "browserstack": {
      "type": "http",
      "url": "https://mcp.browserstack.com/mcp"
    }
  }
}

3. Restart VS Code and confirm the BrowserStack tools load.

Gotchas

VS Code is the exception to every other client: its top-level key is "servers", not "mcpServers", and each entry needs an explicit "type" (for example "http" or "stdio"). Secrets are not inlined; instead you declare an "inputs" array and reference each value as ${input:id}, so VS Code prompts for it once and never writes it to disk. Remote servers connect natively with OAuth.

← Back to the BrowserStack MCP server