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.

Use the Codex CLI to add the Playwright MCP server:

codex mcp add playwright npx"@playwright/mcp@latest"

Alternatively, 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.

Use the Factory CLI to add the Playwright MCP server:

droid mcp add playwright"npx @playwright/mcp@latest"

Alternatively, type/mcp within Factory droid to open an interactive UI for managing MCP servers.

For more information, see theFactory MCP documentation.

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".

Follow the MCP Serversdocumentation. For example in.kiro/settings/mcp.json:

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

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:false

• 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:false

• 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:false

• 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:false

• browser_run_code
  • Title: Run Playwright code
  • Description: Run Playwright code snippet
  • Parameters:
    • code (string): Playwright code snippet to run. The snippet should access thepage object to interact with the page. Can make multiple statements. For example:await page.getByRole('button', { name: 'Submit' }).click();
  • Read-only:false

• 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. Prefer relative file names to stay within the output directory.
    • 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:false

• 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:false

• 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. Prefer relative file names to stay within the output directory.
  • Read-only:true

• browser_generate_locator
  • Title: Create locator for element
  • Description: Generate locator for the given element to use in tests
  • 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_verify_element_visible
  • Title: Verify element visible
  • Description: Verify element is visible on the page
  • Parameters:
    • role (string): ROLE of the element. Can be found in the snapshot like this:- {ROLE} "Accessible Name":
    • accessibleName (string): ACCESSIBLE_NAME of the element. Can be found in the snapshot like this:- role "{ACCESSIBLE_NAME}"
  • Read-only:false

• browser_verify_list_visible
  • Title: Verify list visible
  • Description: Verify list is visible on the page
  • Parameters:
    • element (string): Human-readable list description
    • ref (string): Exact target element reference that points to the list
    • items (array): Items to verify
  • Read-only:false

• browser_verify_text_visible
  • Title: Verify text visible
  • Description: Verify text is visible on the page. Prefer browser_verify_element_visible if possible.
  • Parameters:
    • text (string): TEXT to verify. Can be found in the snapshot like this:- role "Accessible Name": {TEXT} or like this:- text: {TEXT}
  • Read-only:false

• browser_verify_value
  • Title: Verify value
  • Description: Verify element value
  • Parameters:
    • type (string): Type of the element
    • element (string): Human-readable element description
    • ref (string): Exact target element reference that points to the element
    • value (string): Value to verify. For checkbox, use "true" or "false".
  • Read-only:false

• 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