Playwright MCP

Name: Playwright MCP
Author: Microsoft

by Microsoft

Browser automation for LLMs via accessibility snapshots, no vision models needed

browser Node.js Beginner Self-hostable No API key Verified Featured

⭐ 27.9k stars 📅 Updated: 1mo ago

View on GitHub View package

Description

Official Microsoft MCP server that enables LLMs to interact with web pages through structured accessibility snapshots instead of screenshots. Powered by Playwright, it provides deterministic browser automation without requiring vision models — the AI works with accessibility trees, making interactions fast, lightweight, and unambiguous. Supports both persistent browser profiles (maintaining session state) and isolated contexts (clean state per session). Includes browser extension support for connecting to existing tabs with logged-in sessions, TypeScript code generation for recorded actions, and extensive configuration with 50+ command-line options.

✅ Best for

Any AI workflow that needs fast, reliable web interaction without screenshot-based vision

⏭️ Skip if

Your use case requires pixel-level visual analysis of web pages

💡 Use cases

Automating web browsing tasks from AI assistants without vision models
End-to-end testing driven by natural language instructions
Scraping and extracting structured data from websites via accessibility trees
Recording browser interactions and generating TypeScript automation code

👍 Pros

✓ No vision model required — uses accessibility snapshots for speed and accuracy
✓ Official Microsoft project with massive community (27k+ stars)
✓ Simple install via npx with one-click setup for 15+ MCP clients
✓ Supports persistent profiles, isolated contexts, and browser extension mode

👎 Cons

✗ Accessibility snapshots may miss visual-only elements not in the DOM tree
✗ Complex SPAs may produce large accessibility trees that consume context
✗ No built-in support for multi-tab parallel automation

🔧 Exposed tools (12 tools)

Tool	Category	Description
browser_generate_playwright_test	code-generation	Generate Playwright test script from recorded actions
browser_console_messages	debugging	Retrieve browser console messages
browser_network_requests	debugging	List intercepted network requests and responses
browser_pdf_save	export	Save page as PDF
browser_click	interaction	Click on a web page element using accessibility reference
browser_type	interaction	Type text into an input field
browser_select_option	interaction	Select option from a dropdown element
browser_hover	interaction	Hover over a page element
browser_drag	interaction	Drag an element to a target location
browser_navigate	navigation	Navigate to a URL in the browser
browser_snapshot	observation	Capture accessibility snapshot of the current page
browser_screenshot	observation	Take a screenshot of the current page (requires vision)

⚡ Installation

Prerequisites:

• Node.js v18+

Check Claude Code documentation to configure this MCP server.

💡 Tips & tricks

Use the --browser flag to choose between chromium, firefox, or webkit. The browser extension mode lets you connect to already-authenticated sessions, avoiding login flows.

🔄 Alternatives

browser-use

MCP server — editorial content pending

Similar functionality

BrowserMCP

Control your real browser with AI using your existing logged-in sessions