ブラウザスタック MCP サーバー

手動でテストを実施する場合でも、自動化の取り組みを開始する場合でも、テスト自動化をスケールする場合でも、チーム内のすべての開発者とテスターを支援します。BrowserStack MCP Server を使用すると、お気に入りの AI ツールから最先端のテストプラットフォームを直接利用できます。

なぜ BrowserStack なのか?

💡 使用例

📱 手動アプリテスト

以下の手順に従って、BrowserStackの豊富な実デバイスクラウドでモバイルアプリをご利用ください。エミュレータの使用はやめましょう！

# 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?"

• エミュレータとは異なり、実際のデバイスでアプリの実際のパフォーマンスをテストできます。高度なアプリプロファイリング機能により、クラッシュやパフォーマンスの問題をリアルタイムでデバッグできます。

• 当社のデバイス グリッドからすべての主要なデバイスと OS バージョンにアクセスできます。当社には、 発売日に新しくリリースされたデバイスをグローバル データセンターにプロビジョニングするための厳格な SLA があります。

🌐 手動ウェブテスト

アプリのテストと同様に、以下の手順に従って、BrowserStackの豊富な実ブラウザとデバイスのクラウド上でウェブサイトをテストできます。Edgeブラウザがマシンにインストールされていない場合でも、ご安心ください。

# Test your local websites
"open my website hosted on localhost:3001 on Edge"

• 様々なブラウザやデバイスでウェブサイトをテストできます。主要OSの主要ブラウザすべてに対応しています。

• ローカルマシン上でホストされている Web サイトをシームレスにテストします。リモート サーバーに展開する必要はありません。

🧪 自動テスト（Playwright、Selenium、A11y など）

次のプロンプトを使用して、BrowserStack のテスト プラットフォームで自動テストを実行/デバッグ/修正します。

# 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"

• 業界をリードするテストオブザーバビリティ機能を活用して、CI/CDパイプラインで報告されたテストの失敗を修正しましょう。詳細はこちらをご覧ください。

• BrowserStackのテストプラットフォームで、Jest、Playwright、Seleniumなどで書かれたテストを実行します。

• アクセシビリティテスト:アクセシビリティテストツールでWCAGとADAへの準拠を確保

📋 テスト管理

MCP サーバーで BrowserStack のテスト管理機能を利用するには、次のプロンプトを使用します。

# Create project & folder structure
"create new Test management project named My Demo Project with two sub folders - Login & Checkout"

# Add test cases
"add invalid login test case in Test Management project named My Demo Project"

# List added test cases 
"list high priority Login test cases from Test Management project - My Demo Project"

# Create test run
"create a test run for Login tests from Test Management project - My Demo Project"

# Update test results
"update test results as passed for Login tests test run from My Demo Project"

Related MCP server: buildkite-mcp-server

🛠️ インストール

1. BrowserStackアカウントを作成する

   • まだアカウントをお持ちでない場合は、 BrowserStackにサインアップしてください。

   • ℹ️ オープンソース プロジェクトをお持ちの場合は、無料プランをご提供できます。

   • アカウントを取得したら（適切なプランを購入したら）、アカウント設定からusernameとaccess_keyを書き留めておきます。

2. Node バージョンが18.0以上であることを確認してください。node node --versionを使用して Node バージョンを確認してください。推奨バージョン: v22.15.0 (LTS)

3. MCPサーバーをインストールする

   • VSCode (コパイロット - エージェント モード): .vscode/mcp.json :

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

   • VSCode では、MCP サーバーのStartボタンをクリックしてサーバーを起動してください。👁 MCPサーバーを起動する
     

   • カーソルの場合: .cursor/mcp.json :

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

   • クロードデスクトップ: ~/claude_desktop_config.json :

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

Smithery経由でインストール

Smithery経由で Claude Desktop 用の BrowserStack Test Platform Server を自動的にインストールするには:

npx -y @smithery/cli install @browserstack/mcp-server --client claude

🤝 推奨MCPクライアント

• 自動テスト + デバッグのユースケースには**、Github Copilot または Cursor**を使用することをお勧めします。

• 手動テストのユースケース (ライブ テスト) の場合は、 Claude Desktopを使用することをお勧めします。

⚠️ 重要事項

• BrowserStack MCPサーバーは現在開発中であり、MCP仕様のサブセットをサポートしています。今後、さらに多くの機能が追加される予定です。

• ツールの呼び出しはMCPクライアントに依存しており、MCPクライアントはLLMに依存しています。そのため、非決定的な動作が発生し、予期しない結果につながる可能性があります。ご提案やフィードバックがございましたら、問題を作成して議論してください。

📝 貢献する

貢献を歓迎します！変更したい点があれば、ぜひ問題を開いて議論してください。👉貢献ガイドラインはこちらをクリックしてください

📞 サポート

サポートについては、以下をご覧ください。

• ドキュメントを確認する

• MCP サーバーに関連する問題が発生した場合は、 GitHub リポジトリで問題を開いてください。

• その他のご質問については、弊社のサポート チームにお問い合わせください。

🚀 さらに多くの機能が近日公開予定

エキサイティングなアップデートをお楽しみに！何かご提案がありましたら、ぜひ問題を報告して議論してください。

🔗 リソース

• BrowserStackテストプラットフォーム

• MCPプロトコルドキュメント

• デバイスグリッド

• アクセシビリティテスト

Maintenance

Resources

• NPM Package
• GitHub Repository
Need Help?
• Reddit Discussion
Related Servers

Tools

• getFailuresInLastRunA
• runAppLiveSessionB
• runBrowserLiveSessionB
• runTestsOnBrowserStackC
• startAccessibilityScanC