BrowserStack MCP server

BrowserStack MCP server

BrowserStack MCP server

Category
访问服务器

Tools

runTestsOnBrowserStack

Use this tool to get instructions for running tests on BrowserStack.

runAppLiveSession

Use this tool when user wants to manually check their app on a particular mobile device using BrowserStack's cloud infrastructure. Can be used to debug crashes, slow performance, etc.

runBrowserLiveSession

Use this tool when user wants to manually check their website on a particular browser and OS combination using BrowserStack's cloud infrastructure. Can be used to debug layout issues, compatibility problems, etc.

getFailuresInLastRun

Use this tool to debug failures in the last run of the test suite on BrowserStack. Use only when browserstack.yml file is present in the project root.

startAccessibilityScan

Use this tool to start an accessibility scan for a list of URLs on BrowserStack.

README

BrowserStack MCP Server

<div align="center"> <img src="assets/browserstack-logo.png" alt="BrowserStack Logo" height="100"> <img src="assets/mcp-logo.png" alt="MCP Server Logo" width="100"> </div>

<div align="center"> <a href="https://www.npmjs.com/package/@browserstack/mcp-server"> <img alt="NPM Version" src="https://img.shields.io/npm/v/%40browserstack%2Fmcp-server"> </a>

</div>

<p align="center">One Platform For All Your Testing Needs</p>

<div align="center"> <a href="https://glama.ai/mcp/servers/@browserstack/mcp-server"> <img width="380" height="200" src="https://glama.ai/mcp/servers/@browserstack/mcp-server/badge" alt="BrowserStack server MCP server" /> </a> </div>

<div> <a href="https://www.youtube.com/watch?v=sLA7K9v7qZc"> <img src="assets/thumbnail.webp"> </a> </div>

Enable every developer and tester in your team, whether they are testing manually, starting their automation journey, or scaling test automation. BrowserStack MCP Server allows you to use our cutting-edge Test Platform directly from your favourite AI tools.

Why BrowserStack ?

<p align="center"> <img src="assets/overview.png" alt="overview"> </p>

💡 Usage Examples

📱 Manual App Testing

Use the following prompts to use your mobile apps on BrowserStack's extensive cloud of real devices. Stop using emulators!

# Open app on specific device
"open my app on a iPhone 15 Pro Max"

# Debug app crashes
"My app crashed on Android 14 device, can you help me debug?"
  • Unlike emulators, test your app's real-world performance on actual devices. With advanced App-Profiling features, you can debug crashes and performance issues in real-time.
  • Access all major devices and OS versions from our device grid, We have strict SLAs to provision our global datacenters with newly released devices on launch day.

🌐 Manual Web Testing

Similar to the app testing, you can use the following prompts to test your websites on BrowserStack's extensive cloud of real browsers and devices. Don't have Edge browser installed on your machine ? We've got you covered!

# Test your local websites
"open my website hosted on localhost:3001 on Edge"
  • Test websites across different browsers and devices. We support every major browser across every major OS.
  • Seamlessly test websites hosted locally on your machine, no need to deploy to a remote server!

🧪 Automated Testing (Playwright, Selenium, A11y and more..)

Use the following prompts to run/debug/fix your automated tests on BrowserStack's Test Platform.

# Port test suite to BrowserStack
"run my test suite on BrowserStack infra"

# Debug test failures
"My test suite failed, can you help me fix the new failures?"

# Accessibility testing
"check for accessibility issues on my www.mywebsite.com"
  • Fix test failures reported by your CI/CD pipeline by utilising our industry leading Test Observability features. Find more info here.
  • Run tests written in Jest, Playwright, Selenium, and more on BrowserStack's Test Platform
  • Accessibility Testing: Ensure WCAG and ADA compliance with our Accessibility Testing tool

🛠️ Installation

  1. Create a BrowserStack Account

    • Sign up for BrowserStack if you don't have an account already.

    • ℹ️ If you have an open-source project, we'll be able to provide you with a free plan. <div align="center"> <img src="assets/open-source-plan.png" alt="Open Source Plan"> </div>

    • Once you have an account (and purchased appropriate plan), note down your username and access_key from Account Settings.

  2. Install the MCP Server

    • VSCode (Copilot - Agent Mode): .vscode/mcp.json:
    {
      "servers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • In VSCode, make sure to click on Start button in the MCP Server to start the server. Start MCP Server
    • For Cursor: .cursor/mcp.json:
    {
      "mcpServers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    
    • Claude Desktop: ~/claude_desktop_config.json:
    {
      "mcpServers": {
        "browserstack": {
          "command": "npx",
          "args": ["-y", "@browserstack/mcp-server@latest"],
          "env": {
            "BROWSERSTACK_USERNAME": "<username>",
            "BROWSERSTACK_ACCESS_KEY": "<access_key>"
          }
        }
      }
    }
    

🤝 Recommended MCP Clients

  • We recommend using Github Copilot or Cursor for automated testing + debugging use cases.
  • For manual testing use cases (Live Testing), we recommend using Claude Desktop.

⚠️ Important Notes

  • The BrowserStack MCP Server is under active development and currently supports a subset of the MCP spec. More features will be added soon.
  • Tool invocations rely on the MCP Client which in turn relies on an LLM, hence there can be some non-deterministic behaviour that can lead to unexpected results. If you have any suggestions or feedback, please open an issue to discuss.

📝 Contributing

We welcome contributions! Please open an issue to discuss any changes you'd like to make.

📞 Support

For support, please:

🚀 More Features Coming Soon

Stay tuned for exciting updates! Have any suggestions? Please open an issue to discuss.

🔗 Resources

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选