BrowserStack

BrowserStack MCP Server

包括的なテストプラットフォーム

Cursor、Claude、その他のMCP対応クライアントなどのツール内で、平易な英語を使ってテストケースを管理し、手動または自動テストを実行し、問題をデバッグし、さらにはコードを修正できます。

どこからでもテスト：

BrowserStack Test Platformを、IDE、LLM、エージェント型ワークフローなど、お好みのAIツールに簡単に接続できます。

自然言語でテスト：

平易な英語のプロンプトを使って、テストの管理、実行、デバッグ、さらにはコードの修正まで行えます。

コンテキスト切り替えを削減：

作業の流れを保ち、プロジェクトのコンテキストを一か所にまとめ、IDEやLLMから直接アクションを実行できます。

⚡️ ワンクリックMCPセットアップ

以下のボタンをクリックして、お使いのIDEまたはアシスタントにMCPをインストールしてください。

        

注: ホスト型Remote MCPサーバー（mcp.browserstack.com）は、Streamable HTTP上で完全にステートレスになりました。あらゆるStreamable HTTPクライアント（Claude、Cursor、VS Code、ChatGPT）から、設定を変更せずに接続できます。

Kiro: このサーバー用のKiro powerはintegrations/kiro-powerにあります。Kiro IDEでPowersパネルを開き、→ Add Custom Power → Import power from GitHubを選択してhttps://github.com/browserstack/mcp-server/tree/main/integrations/kiro-powerを入力するか、このリポジトリをクローンし、そのディレクトリを指定してImport power from a folderを使用してください。

前提条件

• BrowserStackアカウント。アカウントをお持ちでない場合は登録してください。オープンソースプロジェクトは無料プランを利用できます。
• アカウント設定にあるusernameとaccess_key。

任意のMCPクライアントで手動セットアップする場合は、MCPサーバーをローカルにインストールまたはリモートMCPサーバーをセットアップをご覧ください。

注：Nodeのバージョンが >= 22 であることを確認してください

• node --versionを使ってNodeのバージョンを確認してください。推奨バージョン：v22.15.0（LTS）
• Nodeをアップグレードするには：
• 1. macOSの場合 (Homebrew) - brew update && brew upgrade node or if using (nvm) - nvm install 22.15.0 && nvm use 22.15.0 && nvm alias default 22.15.0
• 2. Windowsの場合 (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
• 👉 またはNode.js LTSインストーラーを直接ダウンロード

🪄 エージェントによるセットアップ

ほとんどのAIエージェントは、BrowserStack MCPサーバーの追加と接続を行い、手動で設定しなくてもサインインまで案内できます。次のプロンプトをエージェントに貼り付けてください。

Add the BrowserStack MCP server to this agent, following the setup guide at
https://www.browserstack.com/docs/browserstack-mcp-server/get-started/remote-mcp-server
and using the server URL https://mcp.browserstack.com/mcp. Once it is added, start the
BrowserStack sign-in flow so I can log in.

自分で追加する場合は、クライアントのコマンドまたはメニューを使用してください。

クライアント	コマンドまたは設定
Claude Code	claude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcpを実行し、セッション内で/mcpを実行してサインイン
Claude Desktop / claude.ai	Settings → Connectors → Add custom connectorを選択し、URLにhttps://mcp.browserstack.com/mcpを指定
ChatGPT	BrowserStackプラグインをインストール
Codex	codex mcp add browserstack --url https://mcp.browserstack.com/mcpを実行し、続いてcodex mcp login browserstackを実行してサインイン
VS Code / GitHub Copilot	code --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}'を実行し、MCPビューからサーバーを起動してサインイン
Cursor	~/.cursor/mcp.jsonのmcpServersに"browserstack": { "url": "https://mcp.browserstack.com/mcp" }を追加し、Cursor Settings → MCPからサインイン
その他のMCPクライアント	https://mcp.browserstack.com/mcpを指定

💡 使用例

📱 手動アプリテスト

最新のOSバージョンを搭載した実機でモバイルアプリをテストできます。面倒なセットアップなしで、バグを再現し、クラッシュをデバッグできます。 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を設けています。

🌐 手動Webテスト

アプリテストと同様に、以下のプロンプトを使って、BrowserStackの豊富な実ブラウザーおよび実デバイスのクラウドでWebサイトをテストできます。お使いのマシンにEdgeブラウザーがインストールされていませんか？ご安心ください。

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"

• さまざまなブラウザーやデバイスでWebサイトをテストできます。主要なOSすべてで主要なブラウザーすべてをサポートしています。
• マシン上でローカルにホストされているWebサイトもシームレスにテストできます。リモートサーバーへのデプロイは不要です。

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

IDEやLLM内で、壊れたテストスクリプトを自動分析、診断し、さらには修正できます。ログをすぐに取得して根本原因を特定し、コンテキストに応じた修正を適用できます。デバッグの繰り返しはもう不要です。 BrowserStackのTest Platformで自動テストを実行、デバッグ、修正するためのプロンプト例を以下に示します。

注: テストの根本原因分析（RCA）を取得すると、サーバーは修正案を提案としてのみ返します。コードの変更を自動的に適用することはありません。アシスタントは提案を提示し、ファイルを編集する前に明示的な承認を待つ必要があります。

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

#Run tests on BrowserStack
“Run my tests on BrowserStack”

#AI powered debugging of test failures
"My App Automate tests have failed, can you help me fix the new failures?"

• 業界をリードするTest Observability機能を活用して、CI/CDパイプラインで報告されたテスト失敗を修正できます。詳しくはこちらをご覧ください。
• Jest、Playwright、Seleniumなどで作成されたテストを、BrowserStackのTest Platformで実行できます。

🌐 アクセシビリティ

自動化されたローカルのa11yスキャンで、アクセシビリティの問題を早期に発見できます。AIが提案する修正をワンクリックで適用できます。ドキュメントを探し回る必要も、CIで予期せぬ問題に直面することもありません。Accessibility TestingツールでWCAGおよびADAへの準拠を確保できます。

#Scan accessibility issues while development
"Scan & help fix accessibility issues for my website running locally on localhost:3000"

#Scan accessibility issues on production site
“Run accessibility scan & identify issues on my website - www.bstackdemo.com”

📋 テスト管理

自然言語を使ってテストケースを作成・管理し、テスト計画を作成してテスト実行を開始できます。MCPサーバーでBrowserStackのTest Management機能を活用するプロンプト例を以下に示します。

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

⚡ 負荷テスト

IDEやチャットを離れることなく、大規模な負荷テストを実行・分析できます。テストの検索、実行の開始と停止、レポートやAI Insightsの確認、実行結果の比較、VU時間の確認が可能です。BrowserStackのLoad Testingで、API（JMeter、k6、Gatling、Locust）、ブラウザー（Playwright、Selenium、WebdriverIO、Nightwatch）、ハイブリッドの負荷テストに対応しています。これらはコアツールを通じて実行されます。

# Find a test
"find my load test called checkout-api"

# Run it
"run checkout-api for 5 minutes with 100 virtual users"

# Check on it
"is my checkout-api run finished yet?"

# Read the results
"what was the p95 response time and error rate of the last checkout-api run?"

# Compare two runs of the same test
"did the latest checkout-api run regress compared with the previous one?"

# Check quota before a big run
"how many VU-hours do I have left, and what would a 30-minute run with 500 VUs cost?"

🧪 BrowserStack AIエージェントを利用する

BrowserStackのAIエージェントをワークフローにシームレスに統合し、PRDからテストケースを生成したり、手動テストをローコード自動化に変換したり、不安定なスクリプトを自動修復したりできます。BrowserStack AIエージェントを利用するプロンプト例を以下に示します。

#Test case generator agent
"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location"


#Low code authoring agent
“With Browserstack AI, automate my manual test case X, added in Test Management”


#Self healing agent
“Help fix flaky tests in my test script with Browserstack AI self healing”

🧭 コアツール

5つのコアツールを使うと、AIアシスタントはあらゆるBrowserStackワークフローを検索して実行できます。MCPサーバーが公開するすべてのツールを、AIアシスタントは各セッションの開始時に読み込みます。そのため、ワークフローごとにツールを用意するとコンテキストウィンドウを圧迫し、セッション全体の速度が低下します。代わりに、AIアシスタントはコアツールを使ってBrowserStackツールのカタログを平易な言葉で検索し、必要なツールを実行します。

ツール	説明
listProducts	カタログ内のBrowserStack製品と、各製品の対象範囲の簡単な概要を一覧表示します
describeEntity	1つのエンティティについて、別名、ID形式、親エンティティと関連エンティティ、およびそのエンティティに作用する機能を説明します
searchCapability	平易な言葉でのリクエストに合致する機能を検索し、それぞれの実行に必要な情報をすべて返します
describeCapability	1つの機能について、パラメーター、リクエスト本文、レスポンス形式などの詳細をすべて返します
invokeCapability	1つの機能を実行し、製品のレスポンスを変更せずに返します。データの変更には承認が必要です

パラメーターとデータ変更の承認方法については、コアツールをご覧ください。

すべてのツール — 製品別に整理された全ツールについてはdocs/TOOLS.mdをご覧ください。製品のワークフローについてはBrowserStack MCPツールとワークフローをご覧ください。

ファイルとアプリのアップロード: ローカルファイルやアプリをアップロードするツール（uploadProductRequirementFile、takeAppScreenshot、runAppTestsOnBrowserStack、runAppLiveSession）では、これらのファイルを含むディレクトリをMCP_UPLOAD_BASE_DIR環境変数に設定する必要があります。アップロードできるのはそのディレクトリ内のファイルに限られます。

🚀 リモートMCPサーバー

リモートMCPを使えば、複雑なセットアップやローカルインストールの手間なく、MCPサーバーのすべての機能を利用できます。

主なメリット：

• ✅ ファイアウォールやバイナリを気にする必要がなく、ローカルインストールが許可されていないエンタープライズネットワークでもシームレスに動作します。

• ✅ セキュアなOAuth連携により、パスワードの共有や認証情報の手動管理は不要です。

制限事項：

• ❌ ローカルテストには対応していません（VPN、ファイアウォール、localhostの背後にあるアプリはテストできません）。ローカルテストが必要な場合は、BrowserStack Local MCPサーバーを使用してください。
• ❌ レイテンシがわずかに高くなる場合がありますが、通常の使用ではほとんど気になりません。

⚠️ 重要な注意事項

• BrowserStack MCP Serverは現在も開発中で、MCP仕様の一部のみをサポートしています。今後、さらに多くの機能が追加される予定です。
• ツールの呼び出しはMCPクライアントに依存し、MCPクライアントはLLMに依存するため、予測できない動作によって予期しない結果が生じる場合があります。ご提案やフィードバックがある場合は、issueを作成してご相談ください。

📝 コントリビューション

コントリビューションを歓迎します。変更について相談したい場合は、issueを作成してください。 👉 コントリビューションガイドラインはこちら

📞 サポート

サポートが必要な場合は、以下をご利用ください。

• MCP Serverに関する問題が発生した場合は、GitHubリポジトリでissueを作成してください。
• その他のお問い合わせは、サポートチームにご連絡ください。
• support@browserstack.comにメールでお問い合わせください。
• プライバシーポリシー：browserstack.com/privacy。

🚀 今後追加予定の機能

今後のアップデートにご期待ください。ご提案があれば、issueを作成してご相談ください。