Playwright MCP Server

Playwright MCP Server

Enables browser automation via the Model Context Protocol, supporting headless Playwright and extension bridges for controlling existing Chrome and Firefox tabs.

Category
Visit Server

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.

  1. Go to chrome://extensions → Load unpacked → select extension/
  2. Start the MCP server: node dist/index.js
  3. Click the extension icon → Connect
  4. Use extension_* tools

Firefox Extension (extension-firefox/)

Uses WebExtensions API with content scripts (no CDP dependency).

  1. Go to about:debugging#/runtime/this-firefox → Load Temporary Add-on → select extension-firefox/manifest.json
  2. Start the MCP server: node dist/index.js
  3. Click the extension icon → Connect
  4. 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

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.

Official
Featured
TypeScript
Magic Component Platform (MCP)

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.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

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.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

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.

Official
Featured
TypeScript
Kagi MCP Server

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.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

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.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured