Playwright MCP Server
Enables browser automation via the Model Context Protocol, supporting headless Playwright and extension bridges for controlling existing Chrome and Firefox tabs.
README
Playwright MCP Server
Browser automation via the Model Context Protocol. Supports headless Playwright, Chrome Extension bridge, and Firefox Extension bridge for controlling existing browser tabs.
Quick Start
npm install
npx playwright install chromium
npm run build
node dist/index.js
Extension Bridges
Link the MCP agent to your existing browser tabs. Two extensions are provided:
Chrome Extension (extension/)
Uses chrome.debugger API (CDP) for full browser control.
- Go to
chrome://extensions→ Load unpacked → selectextension/ - Start the MCP server:
node dist/index.js - Click the extension icon → Connect
- Use
extension_*tools
Firefox Extension (extension-firefox/)
Uses WebExtensions API with content scripts (no CDP dependency).
- Go to
about:debugging#/runtime/this-firefox→ Load Temporary Add-on → selectextension-firefox/manifest.json - Start the MCP server:
node dist/index.js - Click the extension icon → Connect
- Use
firefox_*tools
Extension Tools
Shared (Chrome + Firefox)
| Tool | Description |
|---|---|
extension_connect |
Check extension connection status |
extension_evaluate |
Execute JavaScript in the tab |
extension_screenshot |
Capture a screenshot of the tab |
extension_get_tabs |
List all open browser tabs |
extension_attach_tab |
Attach to a specific tab by ID |
Chrome CDP Tools
| Tool | Description |
|---|---|
extension_navigate |
Navigate the connected tab to a URL |
extension_click |
Click an element by CSS selector |
Firefox Content Script Tools
| Tool | Description |
|---|---|
firefox_navigate |
Navigate the connected tab to a URL |
firefox_click |
Click an element by CSS selector |
firefox_type |
Type text into an input field |
firefox_fill |
Fill an input field with a value |
firefox_get_text |
Get text content of an element |
firefox_get_html |
Get HTML content of page or element |
firefox_hover |
Hover over an element |
firefox_select |
Select an option in a select element |
firefox_check |
Check a checkbox |
firefox_uncheck |
Uncheck a checkbox |
firefox_get_attribute |
Get an attribute value from an element |
firefox_get_url |
Get the current page URL |
firefox_get_title |
Get the current page title |
firefox_go_back |
Navigate back in history |
firefox_go_forward |
Navigate forward in history |
firefox_reload |
Reload the current page |
firefox_scroll |
Scroll the page |
firefox_screenshot |
Take a screenshot of the connected tab |
firefox_evaluate |
Execute JavaScript in the connected tab |
Headless Mode (Default)
25+ browser_* tools for headless Chromium via Playwright.
Configuration
| Env Var | Default | Description |
|---|---|---|
MCP_WS_PORT |
9223 |
WebSocket port for extension bridge |
MCP_USE_EXTENSION |
false |
Set to true to require extension mode |
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.