PlaywrightPlaywright

A Model Context Protocol server providing browser automation capabilities using Playwright. It allows LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.

<p align="center"> <b>A Model Context Protocol server that provides browser automation capabilities using Playwright</b></br> <sub>Enable LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment</sub> </p> ## 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 ## Components ### Tools #### `browser_navigate` Navigate to any URL in the browser ```javascript { "url": "https://stealthbrowser.cloud" } ``` #### `browser_screenshot` Capture screenshots of the entire page or specific elements ```javascript { "name": "screenshot-name", // required "selector": "#element-id", // optional "fullPage": true // optional, default: false } ``` #### `browser_click` Click elements on the page using CSS selector ```javascript { "selector": "#button-id" } ``` #### `browser_click_text` Click elements on the page by their text content ```javascript { "text": "Click me" } ``` #### `browser_hover` Hover over elements on the page using CSS selector ```javascript { "selector": "#menu-item" } ``` #### `browser_hover_text` Hover over elements on the page by their text content ```javascript { "text": "Hover me" } ``` #### `browser_fill` Fill out input fields ```javascript { "selector": "#input-field", "value": "Hello World" } ``` #### `browser_select` Select an option in a SELECT element using CSS selector ```javascript { "selector": "#dropdown", "value": "option-value" } ``` #### `browser_select_text` Select an option in a SELECT element by its text content ```javascript { "text": "Choose me", "value": "option-value" } ``` #### `browser_evaluate` Execute JavaScript in the browser console ```javascript { "script": "document.title" } ``` ### Resources 1. **Console Logs** (`console://logs`) - Access browser console output in text format - Includes all console messages from the browser 2. **Screenshots** (`screenshot://<n>`) - Access PNG images of captured screenshots - Referenced by the name specified during capture

Installation

Install Command

Integrate this tool for Claude Desktop.

Report Bug

Server Statistics

UsageUsed 226 times last month
LicenseMIT
LocalNo
Published12/13/2024