Browserstack MCP Server

🚀 BrowserStack MCP サーバー

BrowserStack MCP サーバーは、特定の開発環境において利用可能なサーバーで、様々なエディタやツールと連携して使用することができます。このサーバーを通じて、開発者はより効率的なテストやデバッグ作業を行うことができます。

🚀 クイックスタート

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

📦 インストール

インストール手順

1. ブラウザスタックアカウントの作成

• BrowserStack アカウント設定にアクセスします。
• username と access_key を控えておきます。

2. Node バージョンの確認

Node バージョンが v18.0 以上であることを確認してください。推奨される LTS バージョンは v22.15.0 です。

node --version

3. MCP サーバーのインストール

VSCode でのインストール（Copilot の Agent モードに適用）

.vscode/mcp.json に以下の内容を追加します。

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

VSCode で Start ボタンをクリックしてサーバーを起動します。

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

✨ 主な機能

推奨される MCP クライアント

• Github Copilot または Cursor：自動化テストとデバッグに適しています。
• Claude Desktop：手動テストに適しています。

📚 ドキュメント

注意事項

⚠️ 重要提示

1. BrowserStack MCP Server は現在積極的に開発されており、一部の MCP 仕様機能のみをサポートしています。今後、より多くの機能が追加されます。
2. ツールの呼び出しは LLM（大規模言語モデル）に依存しているため、非決定的な動作や予期しない結果が生じる可能性があります。

貢献ガイド

私たちは皆さんの貢献を歓迎します！Contributing Guidelines を参照して作業を行ってください。

サポート

• ドキュメントを参照してください。
• 問題が発生した場合は、GitHub リポジトリに問題を提出してください。
• サポートチームに連絡してください。

将来の機能予告

今後もさらなる更新が予定されています！何か提案があれば、問題を開いて議論してください。

リソースリンク

• BrowserStack テストプラットフォーム
• MCP プロトコルドキュメント
• デバイスマトリックス
• アクセシビリティテスト