Add via the Amp VS Code extension settings screen or by updating your settings.json file:

"amp.mcpServers": {"playwright": {"command":"npx","args": ["@playwright/mcp@latest"    ]  }}

Amp CLI Setup:

Add via theamp mcp addcommand below

amp mcp add playwright -- npx @playwright/mcp@latest

Use the Claude Code CLI to add the Playwright MCP server:

claude mcp add playwright npx @playwright/mcp@latest

Follow the MCP installguide, use the standard config above.

Create or edit the configuration file~/.codex/config.toml and add:

[mcp_servers.playwright]command ="npx"args = ["@playwright/mcp@latest"]

For more information, see theCodex MCP documentation.

Go toCursor Settings ->MCP ->Add new MCP Server. Name to your liking, usecommand type with the commandnpx @playwright/mcp@latest. You can also verify config or add command like arguments via clickingEdit.

Follow the MCP installguide, use the standard config above.

Go toAdvanced settings ->Extensions ->Add custom extension. Name to your liking, use typeSTDIO, and set thecommand tonpx @playwright/mcp. Click "Add Extension".

Go toProgram in the right sidebar ->Install ->Edit mcp.json. Use the standard config above.

Follow the MCP Serversdocumentation. For example in~/.config/opencode/opencode.json:

{"$schema":"https://opencode.ai/config.json","mcp": {"playwright": {"type":"local","command": ["npx","@playwright/mcp@latest"      ],"enabled":true    }  }}

OpenQodo Gen chat panel in VSCode or IntelliJ → Connect more tools → + Add new MCP → Paste the standard config above.

ClickSave.

Follow the MCP installguide, use the standard config above. You can also install the Playwright MCP server using the VS Code CLI:

# For VS Codecode --add-mcp'{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}'

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

Go toSettings ->AI ->Manage MCP Servers ->+ Add toadd an MCP Server. Use the standard config above.

Alternatively, use the slash command/add-mcp in the Warp prompt and paste the standard config from above:

{"mcpServers":{"playwright":{"command":"npx","args":["@playwright/mcp@latest"]}}}

Follow Windsurf MCPdocumentation. Use the standard config above.

NOTE: The Docker implementation only supports headless chromium at the moment.

{"mcpServers":{"playwright":{"command":"docker","args":["run","-i","--rm","--init","--pull=always","mcr.microsoft.com/playwright/mcp"]}}}

Or If you prefer to run the container as a long-lived service instead of letting the MCP client spawn it, use:

docker run -d -i --rm --init --pull=always \  --entrypoint node \  --name playwright \  -p 8931:8931 \  mcr.microsoft.com/playwright/mcp \  cli.js --headless --browser chromium --no-sandbox --port 8931

The server will listen on host port8931 and can be reached by any MCP client.

You can build the Docker image yourself.

docker build -t mcr.microsoft.com/playwright/mcp .

• browser_click
  • Title: Click
  • Description: Perform click on a web page
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • ref (string): Exact target element reference from the page snapshot
    • doubleClick (boolean, optional): Whether to perform a double click instead of a single click
    • button (string, optional): Button to click, defaults to left
    • modifiers (array, optional): Modifier keys to press
  • Read-only:false

• browser_close
  • Title: Close browser
  • Description: Close the page
  • Parameters: None
  • Read-only:true

• browser_console_messages
  • Title: Get console messages
  • Description: Returns all console messages
  • Parameters:
    • onlyErrors (boolean, optional): Only return error messages
  • Read-only:true

• browser_drag
  • Title: Drag mouse
  • Description: Perform drag and drop between two elements
  • Parameters:
    • startElement (string): Human-readable source element description used to obtain the permission to interact with the element
    • startRef (string): Exact source element reference from the page snapshot
    • endElement (string): Human-readable target element description used to obtain the permission to interact with the element
    • endRef (string): Exact target element reference from the page snapshot
  • Read-only:false

• browser_evaluate
  • Title: Evaluate JavaScript
  • Description: Evaluate JavaScript expression on page or element
  • Parameters:
    • function (string): () => { /* code/ } or (element) => { / code */ } when element is provided
    • element (string, optional): Human-readable element description used to obtain permission to interact with the element
    • ref (string, optional): Exact target element reference from the page snapshot
  • Read-only:false

• browser_file_upload
  • Title: Upload files
  • Description: Upload one or multiple files
  • Parameters:
    • paths (array, optional): The absolute paths to the files to upload. Can be single file or multiple files. If omitted, file chooser is cancelled.
  • Read-only:false

• browser_fill_form
  • Title: Fill form
  • Description: Fill multiple form fields
  • Parameters:
    • fields (array): Fields to fill in
  • Read-only:false

• browser_handle_dialog
  • Title: Handle a dialog
  • Description: Handle a dialog
  • Parameters:
    • accept (boolean): Whether to accept the dialog.
    • promptText (string, optional): The text of the prompt in case of a prompt dialog.
  • Read-only:false

• browser_hover
  • Title: Hover mouse
  • Description: Hover over element on page
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • ref (string): Exact target element reference from the page snapshot
  • Read-only:true

• browser_navigate
  • Title: Navigate to a URL
  • Description: Navigate to a URL
  • Parameters:
    • url (string): The URL to navigate to
  • Read-only:false

• browser_navigate_back
  • Title: Go back
  • Description: Go back to the previous page
  • Parameters: None
  • Read-only:true

• browser_network_requests
  • Title: List network requests
  • Description: Returns all network requests since loading the page
  • Parameters: None
  • Read-only:true

• browser_press_key
  • Title: Press a key
  • Description: Press a key on the keyboard
  • Parameters:
    • key (string): Name of the key to press or a character to generate, such asArrowLeft ora
  • Read-only:false

• browser_resize
  • Title: Resize browser window
  • Description: Resize the browser window
  • Parameters:
    • width (number): Width of the browser window
    • height (number): Height of the browser window
  • Read-only:true

• browser_select_option
  • Title: Select option
  • Description: Select an option in a dropdown
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • ref (string): Exact target element reference from the page snapshot
    • values (array): Array of values to select in the dropdown. This can be a single value or multiple values.
  • Read-only:false

• browser_snapshot
  • Title: Page snapshot
  • Description: Capture accessibility snapshot of the current page, this is better than screenshot
  • Parameters: None
  • Read-only:true

• browser_take_screenshot
  • Title: Take a screenshot
  • Description: Take a screenshot of the current page. You can't perform actions based on the screenshot, use browser_snapshot for actions.
  • Parameters:
    • type (string, optional): Image format for the screenshot. Default is png.
    • filename (string, optional): File name to save the screenshot to. Defaults topage-{timestamp}.{png|jpeg} if not specified.
    • element (string, optional): Human-readable element description used to obtain permission to screenshot the element. If not provided, the screenshot will be taken of viewport. If element is provided, ref must be provided too.
    • ref (string, optional): Exact target element reference from the page snapshot. If not provided, the screenshot will be taken of viewport. If ref is provided, element must be provided too.
    • fullPage (boolean, optional): When true, takes a screenshot of the full scrollable page, instead of the currently visible viewport. Cannot be used with element screenshots.
  • Read-only:true

• browser_type
  • Title: Type text
  • Description: Type text into editable element
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • ref (string): Exact target element reference from the page snapshot
    • text (string): Text to type into the element
    • submit (boolean, optional): Whether to submit entered text (press Enter after)
    • slowly (boolean, optional): Whether to type one character at a time. Useful for triggering key handlers in the page. By default entire text is filled in at once.
  • Read-only:false

• browser_wait_for
  • Title: Wait for
  • Description: Wait for text to appear or disappear or a specified time to pass
  • Parameters:
    • time (number, optional): The time to wait in seconds
    • text (string, optional): The text to wait for
    • textGone (string, optional): The text to wait for to disappear
  • Read-only:true

• browser_tabs
  • Title: Manage tabs
  • Description: List, create, close, or select a browser tab.
  • Parameters:
    • action (string): Operation to perform
    • index (number, optional): Tab index, used for close/select. If omitted for close, current tab is closed.
  • Read-only:false

• browser_install
  • Title: Install the browser specified in the config
  • Description: Install the browser specified in the config. Call this if you get an error about the browser not being installed.
  • Parameters: None
  • Read-only:false

• browser_mouse_click_xy
  • Title: Click
  • Description: Click left mouse button at a given position
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • x (number): X coordinate
    • y (number): Y coordinate
  • Read-only:false

• browser_mouse_drag_xy
  • Title: Drag mouse
  • Description: Drag left mouse button to a given position
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • startX (number): Start X coordinate
    • startY (number): Start Y coordinate
    • endX (number): End X coordinate
    • endY (number): End Y coordinate
  • Read-only:false

• browser_mouse_move_xy
  • Title: Move mouse
  • Description: Move mouse to a given position
  • Parameters:
    • element (string): Human-readable element description used to obtain permission to interact with the element
    • x (number): X coordinate
    • y (number): Y coordinate
  • Read-only:true

• browser_pdf_save
  • Title: Save as PDF
  • Description: Save page as PDF
  • Parameters:
    • filename (string, optional): File name to save the pdf to. Defaults topage-{timestamp}.pdf if not specified.
  • Read-only:true

• browser_start_tracing
  • Title: Start tracing
  • Description: Start trace recording
  • Parameters: None
  • Read-only:true

• browser_stop_tracing
  • Title: Stop tracing
  • Description: Stop trace recording
  • Parameters: None
  • Read-only:true