MCP-Server-Playwright

目次

• 特徴

• インストール

• 構成

• コンポーネント

  • ツール

  • リソース

• ライセンス

Related MCP server: Puppeteer MCP Server

特徴

• 🌐 完全なブラウザ自動化機能

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

• 🖱️ 包括的なウェブインタラクション（ナビゲーション、クリック、フォーム入力）

• 📊 コンソールログ監視

• 🔧 ブラウザコンテキストでの 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ファイルを参照してください。