EM

executeautomation/mcp-playwright

Browser automation

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

5675 stars 541 forks 品質 84 トレンド 29MIT

Playwright Model Context Protocol Server - Claude Desktop、Cline、Cursor IDEなど🔌でブラウザやAPIを自動化するツール

概要

Playwrightを用いてブラウザ自動化機能を提供するモデルコンテキストプロトコルサーバーです。このサーバーにより、LLMはウェブページとやり取りし、スクリーンショットを撮り、テストコードを作成し、ウェブスクレイピングを行い、実際のブラウザ環境でJavaScriptを実行できます。 簡単なコマンドでウェブアプリケーションをテストします: - 「iPhone 13でテスト」- 「iPadビューに切り替え」- 「横向きに回転」 iPhone、iPad、Pixel、Galaxy、デスクトップブラウザで、ビューポート、ユーザーエージェント、タッチイベント、デバイスピクセル比率の適切なエミュレーションに対応しています。 📚 デバイスクイックリファレンスを見る|プロンプトガイド パッケージはnpm、mcp-get、またはSmitheryのいずれかでインストールできます: Smithery経由でPlaywright MCPをClaude Desktop用に自動インストールするには: 以下のいずれかのボタンを使ってVS CodeでPlaywright MCPサーバーをインストールしてください:

概要(AI 翻訳)

MseeP.ai セキュリティ評価

劇作家MCPサーバー 🎭

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

✨ v1.0.10の新要素

🎯 143のリアルデバイスプリセットを使ったデバイスエミュレーション!

ウェブアプリケーションを実際のデバイスプロファイルでテストするには、簡単なコマンドがあります:

AIアシスタント向けの自然言語サポート:

  • 「iPhone 13のテスト」
  • 「iPadビューに切り替える」
  • 「ランドスケープに回転」

143台のデバイスをサポートしています: iPhone、iPad、Pixel、Galaxy、デスクトップブラウザで、ビューポート、ユーザーエージェント、タッチイベント、デバイスピクセル比の適切なエミュレーションがあります。

📚 デバイスクイックリファレンスを見る|プロンプトガイド

スクリーンショット

ドキュメント |API参照

設置

パッケージはnpm、mcp-get、またはSmitheryのいずれかでインストールできます:

NPMの使用:

mcp-getの使用:

スミスリーの使用

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

Claudeコードの使用:

VS Codeでのインストール

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Playwright MCP Server 🎭

A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, generate test code, web scrapes the page and execute JavaScript in a real browser environment.

✨ What’s New in v1.0.10

🎯 Device Emulation with 143 Real Device Presets!

Test your web applications on real device profiles with a simple command:

// Test on iPhone 13 with automatic user-agent, touch support, and device pixel ratio
await playwright_resize({ device: "iPhone 13" });

// Switch to iPad with landscape orientation
await playwright_resize({ device: "iPad Pro 11", orientation: "landscape" });

// Test desktop view
await playwright_resize({ device: "Desktop Chrome" });

Natural Language Support for AI Assistants:

  • “Test on iPhone 13”
  • “Switch to iPad view”
  • “Rotate to landscape”

Supports 143 devices: iPhone, iPad, Pixel, Galaxy, and Desktop browsers with proper emulation of viewport, user-agent, touch events, and device pixel ratios.

📚 View Device Quick Reference | Prompt Guide

Screenshot

Documentation | API reference

Installation

You can install the package using either npm, mcp-get, or Smithery:

Using npm:

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

Using mcp-get:

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

Using Smithery

To install Playwright MCP for Claude Desktop automatically via Smithery:

GitHub で README 全文を見る

インストール

npx @executeautomation/playwright-mcp-server
MCP 初心者?mcpskill.org のガイドから始めましょう →

設定

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