BrowserStack MCP Server

Name: BrowserStack MCP Server
Author: BrowserStack

BrowserStackOfficial

Get started Repository

Brings BrowserStack's test platform to AI tools for running and managing tests on real devices and browsers.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

Local

claude mcp add browserstack --env BROWSERSTACK_USERNAME='<BROWSERSTACK_USERNAME>' --env BROWSERSTACK_ACCESS_KEY='<BROWSERSTACK_ACCESS_KEY>' -- npx -y @browserstack/mcp-server

~/.codex/config.toml

[mcp_servers.browserstack]
command = "npx"
args = ["-y", "@browserstack/mcp-server"]
env = { BROWSERSTACK_USERNAME = "<BROWSERSTACK_USERNAME>", BROWSERSTACK_ACCESS_KEY = "<BROWSERSTACK_ACCESS_KEY>" }

# codex mcp add browserstack --env BROWSERSTACK_USERNAME='<BROWSERSTACK_USERNAME>' --env BROWSERSTACK_ACCESS_KEY='<BROWSERSTACK_ACCESS_KEY>' -- npx -y @browserstack/mcp-server

~/.cursor/mcp.json

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": [
        "-y",
        "@browserstack/mcp-server"
      ],
      "env": {
        "BROWSERSTACK_USERNAME": "<BROWSERSTACK_USERNAME>",
        "BROWSERSTACK_ACCESS_KEY": "<BROWSERSTACK_ACCESS_KEY>"
      }
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "browserstack": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@browserstack/mcp-server"
      ],
      "env": {
        "BROWSERSTACK_USERNAME": "<BROWSERSTACK_USERNAME>",
        "BROWSERSTACK_ACCESS_KEY": "<BROWSERSTACK_ACCESS_KEY>"
      }
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": [
        "-y",
        "@browserstack/mcp-server"
      ],
      "env": {
        "BROWSERSTACK_USERNAME": "<BROWSERSTACK_USERNAME>",
        "BROWSERSTACK_ACCESS_KEY": "<BROWSERSTACK_ACCESS_KEY>"
      }
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": [
        "-y",
        "@browserstack/mcp-server"
      ],
      "env": {
        "BROWSERSTACK_USERNAME": "<BROWSERSTACK_USERNAME>",
        "BROWSERSTACK_ACCESS_KEY": "<BROWSERSTACK_ACCESS_KEY>"
      }
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": [
        "-y",
        "@browserstack/mcp-server"
      ],
      "env": {
        "BROWSERSTACK_USERNAME": "<BROWSERSTACK_USERNAME>",
        "BROWSERSTACK_ACCESS_KEY": "<BROWSERSTACK_ACCESS_KEY>"
      }
    }
  }
}

Remote

claude mcp add --transport http browserstack https://mcp.browserstack.com/mcp

~/.codex/config.toml

[mcp_servers.browserstack]
url = "https://mcp.browserstack.com/mcp"

# codex mcp add browserstack --url https://mcp.browserstack.com/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "browserstack": {
      "url": "https://mcp.browserstack.com/mcp"
    }
  }
}

.vscode/mcp.json

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

~/.gemini/settings.json

{
  "mcpServers": {
    "browserstack": {
      "httpUrl": "https://mcp.browserstack.com/mcp"
    }
  }
}

claude_desktop_config.json · Customize › Connectors › Add custom connector

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://mcp.browserstack.com/mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "browserstack": {
      "url": "https://mcp.browserstack.com/mcp"
    }
  }
}

Environment variables

BROWSERSTACK_USERNAME
BROWSERSTACK_ACCESS_KEY

Replace the placeholders with your own credentials and keep them out of version control.

Setup

Local

Remote

Environment variables

Related