Playwright MCP
The Playwright MCP server enables LLMs to automate browser interactions through structured accessibility snapshots rather than vision models, providing comprehensive capabilities for web scraping, testing, and automated workflows.
Browser Management: Open, close, resize, and install browsers; manage multiple tabs (list, create, close, select); connect to existing browser sessions via extension mode
Navigation: Navigate to URLs, go back to previous pages, and wait for conditions (text appearance/disappearance or time periods)
Page Interaction: Click elements (with modifier keys, double-clicks, multi-button support), type text (with slow typing and auto-submit options), fill multi-field forms (textboxes, checkboxes, radio buttons, comboboxes, sliders), select dropdown options, hover, drag and drop, press keyboard keys, upload files, and handle browser dialogs (alerts, prompts, confirms)
Page Inspection: Capture accessibility snapshots in LLM-friendly format, take screenshots (full page or specific elements, PNG/JPEG), retrieve console messages (filtered by log level), monitor network requests (with static resource filtering), evaluate JavaScript on pages or elements, and execute custom Playwright code snippets
System Health: Perform health checks to verify server configuration and connectivity
Key Features: Uses accessibility tree references (not pixel coordinates) for deterministic automation, supports human-readable element descriptions, works with Chromium/Firefox/WebKit browsers, and offers headless mode, viewport sizing, and isolated sessions
Enables browser automation and web interaction capabilities, allowing navigation, form filling, clicking, data extraction, and testing workflows through Playwright's accessibility tree in Firefox browser.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Playwright MCPgo to github.com and get the latest trending repositories"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Playwright MCP
A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. Enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.
Features
Fast and lightweight - Uses Playwright's accessibility tree, not pixel-based input
LLM-friendly - No vision models needed, operates purely on structured data
Deterministic - Avoids ambiguity common with screenshot-based approaches
Requirements
Node.js 18 or newer
Any MCP client (VS Code, Cursor, Claude Desktop, Windsurf, etc.)
Quick Start
Add to your MCP client configuration:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["playwright-mcp@latest"]
}
}
}VS Code / Cursor
Go to Settings → MCP → Add Server and configure manually using the standard config above.
Configuration
Basic Options
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"playwright-mcp@latest",
"--headless", // Run browser in headless mode
"--browser", "chromium", // Choose browser: chromium, firefox, webkit
"--viewport-size", "1280x720" // Set viewport size
]
}
}
}Browser Extension (Connect to Existing Browser)
Connect to your existing Chrome/Edge browser with logged-in sessions:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["playwright-mcp@latest", "--extension"]
}
}
}See extension/README.md for extension installation.
Isolated Sessions
Run each session in an isolated browser context:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"playwright-mcp@latest",
"--isolated",
"--storage-state", "path/to/storage.json"
]
}
}
}Common Use Cases
Web Scraping
Navigate to pages, extract data, take screenshots, and interact with forms.
Testing & Automation
Verify elements, fill forms, click buttons, and run automated workflows.
Browser Extension Integration
Connect to your existing browser to interact with pages where you're already logged in.
Available Tools
Navigation:
browser_navigate,browser_navigate_backInteraction:
browser_click,browser_type,browser_fill_form,browser_select_optionInspection:
browser_snapshot,browser_take_screenshot,browser_evaluateTab Management:
browser_tabs(list, create, close, select)Network:
browser_network_requests,browser_console_messagesAdvanced: PDF generation, coordinate-based interactions, test assertions
Run npx playwright-mcp@latest --help for full list of options.
Documentation
License
MIT
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Connectors
AI-powered browser automation — navigate, click, fill forms, and extract data from any website.
Automate cloud browsers to navigate websites, interact with elements, and extract structured data.…
Provides cloud browser automation capabilities using Stagehand and Browserbase, enabling LLMs to i…
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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/Playwright-os/Playwright-MCP'
If you have feedback or need assistance with the MCP directory API, please join our Discord server