Model Context Protocol servers for Playwright

29 tools
Name Description
start_codegen_session Start a new code generation session to record Playwright actions
end_codegen_session End a code generation session and generate the test file
get_codegen_session Get information about a code generation session
clear_codegen_session Clear a code generation session without generating a test
playwright_navigate Navigate to a URL
playwright_screenshot Take a screenshot of the current page or a specific element
playwright_click Click an element on the page
playwright_iframe_click Click an element in an iframe on the page
playwright_fill fill out an input field
playwright_select Select an element on the page with Select tag
playwright_hover Hover an element on the page
playwright_evaluate Execute JavaScript in the browser console
playwright_console_logs Retrieve console logs from the browser with filtering options
playwright_close Close the browser and release all resources
playwright_get Perform an HTTP GET request
playwright_post Perform an HTTP POST request
playwright_put Perform an HTTP PUT request
playwright_patch Perform an HTTP PATCH request
playwright_delete Perform an HTTP DELETE request
playwright_expect_response Ask Playwright to start waiting for a HTTP response. This tool initiates the wait operation but does not wait for its completion.
playwright_assert_response Wait for and validate a previously initiated HTTP response wait operation.
playwright_custom_user_agent Set a custom User Agent for the browser
playwright_get_visible_text Get the visible text content of the current page
playwright_get_visible_html Get the HTML content of the current page
playwright_go_back Navigate back in browser history
playwright_go_forward Navigate forward in browser history
playwright_drag Drag an element to a target location
playwright_press_key Press a keyboard key
playwright_save_as_pdf Save the current page as a PDF file

Playwright MCP Server ๐ŸŽญ

smithery badge

A Model Context Protocol server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages, take screenshots, generate test code, web scraps the page and execute JavaScript in a real browser environment.

Screenshot

Playwright + Claude

Documentation | API reference

Installation

You can install the package using either npm, mcp-get, or Smithery:

Using npm:

npm install -g @executeautomation/playwright-mcp-server

Using mcp-get:

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

Using Smithery

To install Playwright MCP for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude
Installation in VS Code

Install the Playwright MCP server in VS Code using one of these buttons:

Alternatively, you can install the Playwright MCP server using the VS Code CLI:

# For VS Code
code --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'
# For VS Code Insiders
code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@executeautomation/playwright-mcp-server"]}'

After installation, the ExecuteAutomation Playwright MCP server will be available for use with your GitHub Copilot agent in VS Code.

Configuration to use Playwright Server

Here's the Claude Desktop configuration to use the Playwright server:

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@executeautomation/playwright-mcp-server"]
    }
  }
}

Testing

This project uses Jest for testing. The tests are located in the src/__tests__ directory.

Running Tests

You can run the tests using one of the following commands:

# Run tests using the custom script (with coverage)
node run-tests.cjs

# Run tests using npm scripts
npm test           # Run tests without coverage
npm run test:coverage  # Run tests with coverage
npm run test:custom    # Run tests with custom script (same as node run-tests.cjs)

The test coverage report will be generated in the coverage directory.

Star History

Star History Chart

MCP Server ยท Populars

MCP Server ยท New

    chatmcp

    mcpso

    directory for Awesome MCP Servers

    Community chatmcp
    TBXark

    MCP Proxy Server

    An MCP proxy server that aggregates and serves multiple MCP resource servers through a single HTTP server.

    Community TBXark
    ttommyth

    interactive-mcp

    Ask users questions from your LLM! interactive-mcp: Local, cross-platform MCP server for interactive prompts, chat & notifications.

    Community ttommyth
    lpigeon

    ros-mcp-server

    The ROS MCP Server is designed to support robots in performing complex tasks and adapting effectively to various environments by providing a set of functions that transform natural language commands, entered by a user through an LLM, into ROS commands for robot control.

    Community lpigeon
    emicklei

    melrose-mcp

    interactive programming of melodies, producing MIDI

    Community emicklei