Playwright MCP サーバー

Playwright MCP サーバー 🎭

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

スクリーンショット

劇作家 + クロード

ドキュメント| APIリファレンス

インストール

npm、mcp-get、Smithery のいずれかを使用してパッケージをインストールできます。

npm を使用する場合:

npm install -g @executeautomation/playwright-mcp-server

mcp-get の使用:

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

鍛冶屋を使う

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

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

VS Codeでのインストール

次のいずれかのボタンを使用して、VS Code に Playwright MCP サーバーをインストールします。

あるいは、VS Code CLI を使用して Playwright MCP サーバーをインストールすることもできます。

# For VS Code
code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

# For VS Code Insiders
code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

インストール後、ExecuteAutomation Playwright MCP サーバーを VS Code の GitHub Copilot エージェントで使用できるようになります。

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

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

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

テスト

このプロジェクトではテストにJestを使用しています。テストはsrc/__tests__ディレクトリにあります。

テストの実行

次のいずれかのコマンドを使用してテストを実行できます。

# Run tests using the custom script (with coverage)
node run-tests.cjs

# Run tests using npm scripts
npm test           # Run tests without coverage
npm run test:coverage  # Run tests with coverage
npm run test:custom    # Run tests with custom script (same as node run-tests.cjs)

テストカバレッジレポートは、 coverageディレクトリに生成されます。

スターの歴史

Install Server

HTTP connection URL

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

How are these scores calculated?

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Tools

View all tools

LLM が Web ページと対話し、スクリーンショットを撮り、テストコードを生成し、Web ページをスクレイピングし、実際のブラウザー環境で JavaScript を実行できるようにするモデルコンテキストプロトコルサーバー。

Related Resources

Reddit Discussion about this server

Related MCP Servers

MCP Web Tools Server
surya-madhav
-
security
A
license
-
quality
A Model Context Protocol server that allows LLMs to interact with web content through standardized tools, currently supporting web scraping functionality.
Last updated -
Python
MIT License
Playwright MCP Serverofficial
microsoft
A
security
A
license
A
quality
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Last updated -
21
240,980
16,320
TypeScript
Apache 2.0
MCP URL Fetcher
nathanonn
A
security
F
license
A
quality
A Model Context Protocol server that enables LLMs to fetch and process web content in multiple formats (HTML, JSON, Markdown, text) with automatic format detection.
Last updated -
5
4
TypeScript
Playwright MCP
korwabs
-
security
A
license
-
quality
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots, providing browser automation capabilities without requiring screenshots or visually-tuned models.
Last updated -
2
TypeScript
Apache 2.0

View all related MCP servers

Playwright MCP Server