Puppeteer-Extra MCP Server について
Puppeteer-Extra MCP Server は、Puppeteer-Extra と Stealth Plugin によるブラウザー自動化を提供します。LLMによるWeb操作向けで、ページ操作、スクリーンショット、JavaScript実行、コンソール出力に対応します。
主な機能
- 01ブラウザー操作の自動化
- 02ステルスモードの利用
- 03ページと要素のスクリーンショット
- 04JavaScript実行とコンソールログの提供
- 05クリック、入力、選択、ホバーに対応
活用シーン
- 01Webページへの移動と操作
- 02ページ全体や要素の撮影
- 03ブラウザー内でのJavaScript実行
- 04ブラウザーのコンソール出力の確認
MCP 対応
MCPクライアント向けに、ブラウザー移動・操作ツールと、コンソールログおよびスクリーンショットのリソースを公開します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
Puppeteer-Extra MCP サーバー
Model Context Protocol サーバーです。Stealth Plugin を使用した Puppeteer-Extra により、強化されたブラウザー自動化機能を提供します。このサーバーを使用すると、LLM は人間の動作をより適切に模倣し、自動化として検出されにくい方法でウェブページを操作できます。
機能
- Puppeteer-Extra による強化されたブラウザー自動化
- ボット検出を回避するステルスモード
- ページや要素のスクリーンショット機能
- コンソールログの記録と JavaScript の実行
- 一連の操作メソッド(クリック、入力、選択、ホバー)
コンポーネント
ツール
-
puppeteer_navigate
- ブラウザーで任意の URL に移動します
- 入力:
url(文字列)
-
puppeteer_screenshot
- ページ全体または特定の要素のスクリーンショットを撮影します
- 入力:
name(文字列、必須):スクリーンショットの名前selector(文字列、任意):スクリーンショットを撮影する要素の CSS セレクターwidth(数値、任意、デフォルト:800):スクリーンショットの幅height(数値、任意、デフォルト:600):スクリーンショットの高さ
-
puppeteer_click
- ページ上の要素をクリックします
- 入力:
selector(文字列):クリックする要素の CSS セレクター
-
puppeteer_hover
- ページ上の要素にホバーします
- 入力:
selector(文字列):ホバーする要素の CSS セレクター
-
puppeteer_fill
- 入力フィールドに値を入力します
- 入力:
selector(文字列):入力フィールドの CSS セレクターvalue(文字列):入力する値
-
puppeteer_select
- SELECT タグの要素を選択します
- 入力:
selector(文字列):選択する要素の CSS セレクターvalue(文字列):選択する値
-
puppeteer_evaluate
- ブラウザーのコンソールで JavaScript を実行します
- 入力:
script(文字列):実行する JavaScript コード
リソース
サーバーは、次の 2 種類のリソースへのアクセスを提供します。
-
コンソールログ(
console://logs)- ブラウザーのコンソール出力をテキスト形式で提供します
- ブラウザーからのすべてのコンソールメッセージが含まれます
-
スクリーンショット(
screenshot://<name>)- 撮影したスクリーンショットの PNG 画像です
- 撮影時に指定したスクリーンショット名でアクセスできます
開発
インストール
# Clone the repository
git clone <repository-url>
cd puppeteer_extra
# Install dependencies
npm install
# Copy environment file
cp .env.example .env.development
ローカルでの実行
# Development mode (non-headless browser)
npm run dev
# Production mode (headless browser)
npm run prod
ビルド
npm run build
Docker
Docker イメージのビルド
docker build -t mcp/puppeteer-extra .
Docker での実行
docker run -i --rm --init -e DOCKER_CONTAINER=true mcp/puppeteer-extra
Claude Desktop の設定
Docker
{
"mcpServers": {
"puppeteer": {
"command": "docker",
"args": ["run", "-i", "--rm", "--init", "-e", "DOCKER_CONTAINER=true", "mcp/puppeteer-extra"]
}
}
}
NPX
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "MCP_puppeteer_extra"]
}
}
}
ライセンス
この MCP サーバーは MIT ライセンスの下でライセンスされています。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。