Browserbase MCP Server
Browserbase MCPサーバーでClaude連携・クラウドブラウザ自動化を実現
npx @browserbasehq/mcp-browserbase概要
Browserbase MCP Serverの設定方法と使い方。
クラウドブラウザプラットフォーム「Browserbase」をClaudeから操作できるMCPサーバー。
リモートブラウザセッションの起動・操作、Webスクレイピング、フォーム入力・ボタンクリックなどの自動化が可能。
ClaudeとBrowserbaseのMCPサーバー連携により、ヘッドレスブラウザを使ったWeb操作やAIエージェントによる自律的なブラウジングを自動化できる。
スクリーンショット取得・コンテンツ抽出にも対応。
設定方法はAPIキーとプロジェクトIDを環境変数に設定するだけでシンプルに完結する。
料金・APIキー情報
料金
不明APIキー
🔑 必要🔑 APIキーの取得方法
- 1
https://www.browserbase.com にアクセスしてアカウントを作成（無料プランあり）
- 2
ダッシュボードの「Settings」→「API Keys」でAPIキーを取得
- 3
「Projects」ページからプロジェクトIDを確認
- 4
表示されたAPIキーとプロジェクトIDをコピーして保存する（再表示不可のため必ず保存すること）
こんな使い方ができます
ClaudeにWebページを開かせてコンテンツを取得・分析させられる
フォーム入力・ボタンクリックなどのブラウザ操作をClaudeに自動実行させられる
スクリーンショットを撮影してClaudeに画面の状態を認識させられる
ログインが必要なサイトへのアクセスをClaudeから自動化できる
セットアップ手順
- 1
Browserbase（browserbase.com）にアクセスしてアカウントを作成・ログインする
- 2
ダッシュボードで新しいプロジェクトを作成してプロジェクトIDをメモする
- 3
「Settings」→「API Keys」からAPIキーを発行・コピーする
- 4
ターミナルで以下のコマンドを実行してClaude Codeに追加する：claude mcp add browserbase -e BROWSERBASE_API_KEY=your-api-key-here -e BROWSERBASE_PROJECT_ID=your-project-id-here -- npx -y @browserbasehq/mcp-browserbase
設定ファイル
コピー前に確認
Browserbaseアカウント、APIキー、プロジェクトID必須。Node.js 18以上推奨。
claude mcp add browserbase -e BROWSERBASE_API_KEY=your-api-key-here -e BROWSERBASE_PROJECT_ID=your-project-id-here -- npx -y @browserbasehq/mcp-browserbase