Skip to main content
Glama

MCP-Server-Playwright

目次

特徴

  • 🌐 完全なブラウザ自動化機能
  • 📸 ページ全体または特定の要素のスクリーンショットキャプチャ
  • 🖱️ 包括的なウェブインタラクション(ナビゲーション、クリック、フォーム入力)
  • 📊 コンソールログ監視
  • 🔧 ブラウザコンテキストでの JavaScript 実行

インストール

Smithery経由でインストール

Smithery経由で Claude Desktop 用の MCP Server Playwright を自動的にインストールするには:

npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude

npx または mcp-get を使用してパッケージをインストールできます。

npx の使用:

npx @automatalabs/mcp-server-playwright install

このコマンドは次のことを行います。

  1. オペレーティングシステムの互換性を確認する(Windows/macOS)
  2. Claude 構成ファイルを作成または更新する
  3. Playwrightサーバー統合を構成する

構成ファイルは次の場所に自動的に作成/更新されます:

  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

mcp-get の使用:

npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright

構成

インストール プロセスにより、次の構成が Claude 構成ファイルに自動的に追加されます。

{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@automatalabs/mcp-server-playwright"] } } }

コンポーネント

ツール

browser_navigate

ブラウザで任意のURLに移動する

{ "url": "https://stealthbrowser.cloud" }
browser_screenshot

ページ全体または特定の要素のスクリーンショットをキャプチャします

{ "name": "screenshot-name", // required "selector": "#element-id", // optional "fullPage": true // optional, default: false }
browser_click

CSSセレクターを使用してページ上の要素をクリックする

{ "selector": "#button-id" }
browser_click_text

ページ上の要素をテキストコンテンツでクリックします

{ "text": "Click me" }
browser_hover

CSSセレクターを使用してページ上の要素にマウスを移動します

{ "selector": "#menu-item" }
browser_hover_text

ページ上の要素のテキストコンテンツにマウスを移動します

{ "text": "Hover me" }
browser_fill

入力フィールドに記入してください

{ "selector": "#input-field", "value": "Hello World" }
browser_select

CSSセレクタを使用してSELECT要素内のオプションを選択する

{ "selector": "#dropdown", "value": "option-value" }
browser_select_text

SELECT要素内のオプションをテキストコンテンツで選択する

{ "text": "Choose me", "value": "option-value" }
browser_evaluate

ブラウザコンソールでJavaScriptを実行する

{ "script": "document.title" }

リソース

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

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています - 詳細についてはLICENSEファイルを参照してください。

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

local-only server

The server can only run on the client's local machine because it depends on local resources.

LLM が Web ページと対話したり、スクリーンショットを撮ったり、実際のブラウザ環境で JavaScript を実行したりできるようにします。

  1. 特徴
    1. インストール
      1. Smithery経由でインストール
    2. 構成
      1. コンポーネント
        1. ツール
        2. リソース
      2. ライセンス

        Related MCP Servers

        • A
          security
          A
          license
          A
          quality
          This server provides cloud browser automation capabilities using Browserbase, Puppeteer, and Stagehand. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a cloud browser environment.
          Last updated -
          8
          486
          1,813
          TypeScript
          Apache 2.0
        • A
          security
          F
          license
          A
          quality
          A server that enables browser automation using Playwright, allowing interaction with web pages, capturing screenshots, and executing JavaScript in a browser environment through LLMs.
          Last updated -
          12
          9,457
          1
          TypeScript
        • A
          security
          F
          license
          A
          quality
          Enables LLMs to perform web browsing tasks, take screenshots, and execute JavaScript using Puppeteer for browser automation.
          Last updated -
          4
          15,502
          1
          JavaScript
        • A
          security
          F
          license
          A
          quality
          Enables browser automation for LLMs on Linux display servers, supporting web interaction, screenshots, and JavaScript execution in a real browser.
          Last updated -
          7
          5
          4
          JavaScript
          • Linux

        View all related MCP servers

        MCP directory API

        We provide all the information about MCP servers via our MCP API.

        curl -X GET 'https://glama.ai/api/mcp/v1/servers/Automata-Labs-team/MCP-Server-Playwright'

        If you have feedback or need assistance with the MCP directory API, please join our Discord server