MCP サーバープレイライト

local-only server

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

Integrations

Allows execution of JavaScript in the browser environment via the browser_evaluate tool
Supports macOS as a compatible operating system with specific configuration paths

特徴

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

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

オペレーティングシステムの互換性を確認する（Windows/macOS）
Claude 構成ファイルを作成または更新する
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"
}

リソース

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

ライセンス

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

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

Tools

View all tools

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

MCP-Server-Playwright