VM

vikashloomba/mcp-server-playwright

Browser automation

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

297 stars 52 forks 品質 68 トレンド 18MIT

vikashloomba/mcp-server-playwright は、https://github.com/vikashloomba/mcp-server-playwright. からインポートされたMCPサーバー候補です。

概要

vikashloomba/mcp-server-playwright は、https://github.com/vikashloomba/mcp-server-playwright. からインポートされたMCPサーバー候補です。

概要(AI 翻訳)

MCPサーバーのプレイライター

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

目次

  • 特徴
  • 設置
  • 構成
  • 構成要素
  • ツール
  • リソース
  • ライセンス

特徴

  • 🌐 完全なブラウザ自動化機能
  • 📸 ページ全体や特定の要素のスクリーンショットキャプチャ
  • 🖱️ 包括的なウェブインタラクション(ナビゲーション、クリック、フォーム記入)
  • 📊 コンソールログ監視
  • 🔧 ブラウザ文脈におけるJavaScript実行

設置

Smithery経由のインストール

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

npxまたはmcp-getのいずれかでパッケージをインストールすることができます:

NPXの使用:

このコマンドは以下の通りです:

  1. オペレーティングシステムの互換性(Windows/macOS)を確認する
  2. Claude設定ファイルの作成または更新
  3. Playwrightサーバー統合の設定

設定ファイルは以下で自動的に作成・更新されます:

  • ウィンドウズ:%APPDATA%\Claude\claude_desktop_config.json
  • macOS: '~/ライブラリ/アプリケーションサポート/Claude/claude_desktop_config。

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

README

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

MCP Server Playwright

A Model Context Protocol server that provides browser automation capabilities using Playwright Enable LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment

Table of Contents

Features

  • 🌐 Full browser automation capabilities
  • 📸 Screenshot capture of entire pages or specific elements
  • 🖱️ Comprehensive web interaction (navigation, clicking, form filling)
  • 📊 Console log monitoring
  • 🔧 JavaScript execution in browser context

Installation

Installing via Smithery

To install MCP Server Playwright for Claude Desktop automatically via Smithery:

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

You can install the package using either npx or mcp-get:

Using npx:

npx @automatalabs/mcp-server-playwright install

This command will:

  1. Check your operating system compatibility (Windows/macOS)
  2. Create or update the Claude configuration file
  3. Configure the Playwright server integration

The configuration file will be automatically created/updated at:

  • Windows: %APPDATA%\Claude\claude_desktop_config.json
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

Using mcp-get:

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

Configuration

The installation process will automatically add the following configuration to your Claude config file:

{
  "mcpServers": {
GitHub で README 全文を見る

インストール

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

設定

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