Puppeteer MCP Server
PuppeteerでWebブラウザをClaudeから自動操作できるMCPサーバー
npx @modelcontextprotocol/server-puppeteer概要
ClaudeからPuppeteerを使ってChromiumブラウザを自動操作できる公式MCPサーバー。
Webページへのナビゲーションやスクリーンショットのキャプチャ、フォームへの入力・クリック操作、JavaScriptの実行など、ブラウザ自動化に必要な機能をAIから直接呼び出せる。
E2Eテストの補助、Webスクレイピング、操作記録など、手動では煩雑なブラウザ作業を自動化するのに適している。
headlessモードとGUIモードの両方に対応し、スクリーンショットはMCP経由でClaudeに直接渡せる。
設定方法はconfig JSONをClaude DesktopまたはClaude Codeの設定ファイルに追記するだけで完了する。
料金・APIキー情報
料金
無料APIキー
🔓 不要✅このMCPはAPIキー不要です。別途セットアップが必要な場合があります（上記参照）。
こんな使い方ができます
指定したURLにアクセスしてページのスクリーンショットをClaudeに取得させられる
フォームへの入力・ボタンクリックなどのブラウザ操作をClaudeに自動実行させられる
ページ上で任意のJavaScriptをClaudeから実行してDOM操作や値の取得ができる
ブラウザのコンソールログをClaudeに収集させてデバッグ作業を支援できる
Webアプリの画面確認やUIテストをClaudeに自動化させられる
セットアップ手順
- 1
Node.js 18以上がインストールされていることを確認する（Chromiumはnpx実行時に自動インストール）
- 2
ターミナルで以下のコマンドを実行してClaude Codeに追加する：claude mcp add puppeteer -- npx -y @modelcontextprotocol/server-puppeteer
設定ファイル
コピー前に確認
Node.js 18以上が必要。Chromiumはnpx実行時に自動インストールされる。
claude mcp add puppeteer -- npx -y @modelcontextprotocol/server-puppeteer注意事項
npx版はGUIブラウザが起動する。headlessモードで使いたい場合はPUPPETEER_LAUNCH_OPTIONS環境変数でlaunchOptionsを設定する。--no-sandboxなどセキュリティを下げるオプションはALLOW_DANGEROUS=trueを設定しないと使用できない。