Skip to main content
Glama

目次

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ファイルを参照してください。

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

Latest Blog Posts

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