Puppeteer MCP Server

by cploujoux
Verified

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Integrations

  • Supports interaction with page elements through CSS selectors for targeting specific elements to click, hover, fill, screenshot, or select.

  • Enables execution of JavaScript code in the browser console through the puppeteer_evaluate tool, with access to console output via resources.

  • Provides browser automation capabilities allowing interaction with web pages, navigation, element selection, form filling, JavaScript execution, and screenshot capture in a real browser environment.

操り人形師

Puppeteerを用いたブラウザ自動化機能を提供するモデルコンテキストプロトコル(LLM)サーバー。このサーバーにより、LLMはWebページとのインタラクション、スクリーンショットの取得、そして実際のブラウザ環境でのJavaScript実行が可能になります。

コンポーネント

ツール

  • 操り人形師ナビゲート
    • ブラウザで任意のURLに移動する
    • 入力: url (文字列)
  • 操り人形師のスクリーンショット
    • ページ全体または特定の要素のスクリーンショットをキャプチャします
    • 入力:
      • name (文字列、必須): スクリーンショットの名前
      • selector (文字列、オプション):スクリーンショットを撮る要素のCSSセレクター
      • width (数値、オプション、デフォルト:800):スクリーンショットの幅
      • height (数値、オプション、デフォルト:600):スクリーンショットの高さ
  • 操り人形師クリック
    • ページ上の要素をクリック
    • 入力: selector (文字列): クリックする要素の CSS セレクター
  • 操り人形師_hover
    • ページ上の要素をホバーする
    • 入力: selector (文字列): ホバーする要素の CSS セレクター
  • 操り人形師の塗りつぶし
    • 入力フィールドに記入してください
    • 入力:
      • selector (文字列):入力フィールドのCSSセレクター
      • value (文字列): 入力する値
  • 操り人形師_選択
    • SELECTタグで要素を選択する
    • 入力:
      • selector (文字列): 選択する要素の CSS セレクター
      • value (文字列): 選択する値
  • 操り人形師の評価
    • ブラウザコンソールでJavaScriptを実行する
    • 入力: script (文字列): 実行するJavaScriptコード

リソース

サーバーは、次の 2 種類のリソースへのアクセスを提供します。

  1. コンソールログ( console://logs )
    • ブラウザコンソールのテキスト形式の出力
    • ブラウザからのすべてのコンソールメッセージが含まれます
  2. スクリーンショット( screenshot://<name> )
    • キャプチャしたスクリーンショットのPNG画像
    • キャプチャ時に指定したスクリーンショット名からアクセスできます

主な特徴

  • ブラウザ自動化
  • コンソールログ監視
  • スクリーンショット機能
  • JavaScript実行
  • 基本的なウェブインタラクション(ナビゲーション、クリック、フォームの入力)

Puppeteer Serverを使用するための設定

Puppeter サーバーを使用するための Claude Desktop の構成は次のとおりです。

ドッカー

注: docker 実装ではヘッドレス Chromium が使用されますが、NPX バージョンではブラウザー ウィンドウが開きます。

{ "mcpServers": { "puppeteer": { "command": "docker", "args": [ "run", "-i", "--rm", "--init", "-e", "DOCKER_CONTAINER=true", "mcp/puppeteer" ] } } }

NPX

{ "mcpServers": { "puppeteer": { "command": "npx", "args": ["-y", "@modelcontextprotocol/server-puppeteer"] } } }

建てる

Dockerビルド:

docker build -t mcp/puppeteer -f src/puppeteer/Dockerfile .

ライセンス

このMCPサーバーはMITライセンスに基づいてライセンスされています。つまり、MITライセンスの条件に従って、ソフトウェアを自由に使用、改変、配布することができます。詳細については、プロジェクトリポジトリのLICENSEファイルをご覧ください。

-
security - not tested
F
license - not found
-
quality - not tested

Puppeteer を使用してブラウザ自動化機能を提供するモデル コンテキスト プロトコル サーバー。LLM が Web ページを操作したり、スクリーンショットを撮ったり、実際のブラウザ環境で JavaScript を実行したりできるようになります。

  1. Components
    1. Tools
    2. Resources
  2. Key Features
    1. Configuration to use Puppeteer Server
      1. Docker
      2. NPX
    2. Build
      1. License
        ID: fqnc228fqo