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

claude mcp add playwright npx @playwright/mcp@latest

Follow the MCP install guide, use the standard config above.

Go to Cursor Settings -> MCP -> Add new MCP Server. Name to your liking, use command type with the command npx @playwright/mcp. You can also verify config or add command like arguments via clicking Edit.

Follow the MCP install guide, use the standard config above.

Go to Advanced settings -> Extensions -> Add custom extension. Name to your liking, use type STDIO, and set the command to npx @playwright/mcp. Click "Add Extension".

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

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

Click Save.

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

# For VS Code
code --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.

Follow Windsurf MCP documentation. 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"]
    }
  }
}

You can build the Docker image yourself.

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

• browser_clear_requests
  • Title: Clear captured requests
  • Description: Clear all captured HTTP request data from memory. Useful for freeing up memory during long sessions or when starting fresh analysis.
  • Parameters: None
  • Read-only: false

• browser_click
  • Title: Click
  • Description: Perform click on a web page. Returns page snapshot after click (configurable via browser_configure_snapshots). Use browser_snapshot for explicit full snapshots.
  • 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
  • Read-only: false

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

• browser_configure
  • Title: Configure browser settings
  • Description: Change browser configuration settings like headless/headed mode, viewport size, user agent, device emulation, geolocation, locale, timezone, color scheme, or permissions for subsequent operations. This will close the current browser and restart it with new settings.
  • Parameters:
    • headless (boolean, optional): Whether to run the browser in headless mode
    • viewport (object, optional): Browser viewport size
    • userAgent (string, optional): User agent string for the browser
    • device (string, optional): Device to emulate (e.g., "iPhone 13", "iPad", "Pixel 5"). Use browser_list_devices to see available devices.
    • geolocation (object, optional): Set geolocation coordinates
    • locale (string, optional): Browser locale (e.g., "en-US", "fr-FR", "ja-JP")
    • timezone (string, optional): Timezone ID (e.g., "America/New_York", "Europe/London", "Asia/Tokyo")
    • colorScheme (string, optional): Preferred color scheme
    • permissions (array, optional): Permissions to grant (e.g., ["geolocation", "notifications", "camera", "microphone"])
    • offline (boolean, optional): Whether to emulate offline network conditions (equivalent to DevTools offline mode)
  • Read-only: false

• browser_configure_artifacts
  • Title: Configure artifact storage
  • Description: Enable, disable, or configure centralized artifact storage for screenshots, videos, and PDFs during this session. Allows dynamic control over where artifacts are saved and how they are organized.
  • Parameters:
    • enabled (boolean, optional): Enable or disable centralized artifact storage for this session
    • directory (string, optional): Directory path for artifact storage (if different from server default)
    • sessionId (string, optional): Custom session ID for artifact organization (auto-generated if not provided)
  • Read-only: false

• browser_configure_snapshots
  • Title: Configure snapshot behavior
  • Description: Configure how page snapshots are handled during the session. Control automatic snapshots, size limits, and differential modes. Changes take effect immediately for subsequent tool calls.
  • Parameters:
    • includeSnapshots (boolean, optional): Enable/disable automatic snapshots after interactive operations. When false, use browser_snapshot for explicit snapshots.
    • maxSnapshotTokens (number, optional): Maximum tokens allowed in snapshots before truncation. Use 0 to disable truncation.
    • differentialSnapshots (boolean, optional): Enable differential snapshots that show only changes since last snapshot instead of full page snapshots.
    • consoleOutputFile (string, optional): File path to write browser console output to. Set to empty string to disable console file output.
  • Read-only: false

• browser_console_messages
  • Title: Get console messages
  • Description: Returns all console messages
  • Parameters: None
  • Read-only: true

• browser_dismiss_all_file_choosers
  • Title: Dismiss all file choosers
  • Description: Dismiss/cancel all open file chooser dialogs without uploading files. Useful when multiple file choosers are stuck open. Returns page snapshot after dismissal (configurable via browser_configure_snapshots).
  • Parameters: None
  • Read-only: false

• browser_dismiss_file_chooser
  • Title: Dismiss file chooser
  • Description: Dismiss/cancel a file chooser dialog without uploading files. Returns page snapshot after dismissal (configurable via browser_configure_snapshots).
  • Parameters: None
  • Read-only: false

• browser_drag
  • Title: Drag mouse
  • Description: Perform drag and drop between two elements. Returns page snapshot after drag (configurable via browser_configure_snapshots).
  • 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. Returns page snapshot after evaluation (configurable via browser_configure_snapshots).
  • 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_export_requests
  • Title: Export captured requests
  • Description: Export captured HTTP requests to various formats (JSON, HAR, CSV, or summary report). Perfect for sharing analysis results, importing into other tools, or creating audit reports.
  • Parameters:
    • format (string, optional): Export format: json (full data), har (HTTP Archive), csv (spreadsheet), summary (human-readable report)
    • filename (string, optional): Custom filename for export. Auto-generated if not specified with timestamp
    • filter (string, optional): Filter which requests to export
    • includeBody (boolean, optional): Include request/response bodies in export (warning: may create large files)
  • Read-only: true

• browser_file_upload
  • Title: Upload files
  • Description: Upload one or multiple files. Returns page snapshot after upload (configurable via browser_configure_snapshots).
  • Parameters:
    • paths (array): The absolute paths to the files to upload. Can be a single file or multiple files.
  • Read-only: false

• browser_get_artifact_paths
  • Title: Get artifact storage paths
  • Description: Reveal the actual filesystem paths where artifacts (screenshots, videos, PDFs) are stored. Useful for locating generated files.
  • Parameters: None
  • Read-only: true

• browser_get_requests
  • Title: Get captured requests
  • Description: Retrieve and analyze captured HTTP requests with advanced filtering. Shows timing, status codes, headers, and bodies. Perfect for identifying performance issues, failed requests, or analyzing API usage patterns.
  • Parameters:
    • filter (string, optional): Filter requests by type: all, failed (network failures), slow (>1s), errors (4xx/5xx), success (2xx/3xx)
    • domain (string, optional): Filter requests by domain hostname
    • method (string, optional): Filter requests by HTTP method (GET, POST, etc.)
    • status (number, optional): Filter requests by HTTP status code
    • limit (number, optional): Maximum number of requests to return (default: 100)
    • format (string, optional): Response format: summary (basic info), detailed (full data), stats (statistics only)
    • slowThreshold (number, optional): Threshold in milliseconds for considering requests "slow" (default: 1000ms)
  • Read-only: true

• browser_handle_dialog
  • Title: Handle a dialog
  • Description: Handle a dialog. Returns page snapshot after handling dialog (configurable via browser_configure_snapshots).
  • 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. Returns page snapshot after hover (configurable via browser_configure_snapshots).
  • 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_install_extension
  • Title: Install Chrome extension
  • Description: Install a Chrome extension in the current browser session. Only works with Chromium browser. For best results, use pure Chromium without the "chrome" channel. The extension must be an unpacked directory containing manifest.json.
  • Parameters:
    • path (string): Path to the Chrome extension directory (containing manifest.json)
    • name (string, optional): Optional friendly name for the extension
  • Read-only: false

• browser_install_popular_extension
  • Title: Install popular Chrome extension
  • Description: Automatically download and install popular Chrome extensions from their official sources. This works around Chrome channel limitations by fetching extension source code.
  • Parameters:
    • extension (string): Popular extension to install automatically
    • version (string, optional): Specific version to install (defaults to latest)
  • Read-only: false

• browser_list_devices
  • Title: List available devices for emulation
  • Description: Get a list of all available device emulation profiles including mobile phones, tablets, and desktop browsers. Each device includes viewport, user agent, and capabilities information.
  • Parameters: None
  • Read-only: true

• browser_list_extensions
  • Title: List installed Chrome extensions
  • Description: List all Chrome extensions currently installed in the browser session. Only works with Chromium browser.
  • Parameters: None
  • Read-only: true

• browser_navigate
  • Title: Navigate to a URL
  • Description: Navigate to a URL. Returns page snapshot after navigation (configurable via browser_configure_snapshots).
  • 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_navigate_forward
  • Title: Go forward
  • Description: Go forward to the next page
  • Parameters: None
  • Read-only: true

• browser_network_requests
  • Title: List network requests
  • Description: Returns all network requests since loading the page. For more detailed analysis including timing, headers, and bodies, use the advanced request monitoring tools (browser_start_request_monitoring, browser_get_requests).
  • Parameters:
    • detailed (boolean, optional): Show detailed request information if request monitoring is active
  • Read-only: true

• browser_press_key
  • Title: Press a key
  • Description: Press a key on the keyboard. Returns page snapshot after keypress (configurable via browser_configure_snapshots).
  • Parameters:
    • key (string): Name of the key to press or a character to generate, such as ArrowLeft or a
  • Read-only: false

• browser_recording_status
  • Title: Get video recording status
  • Description: Check if video recording is currently enabled and get recording details. Use this to verify recording is active before performing actions, or to check output directory and settings.
  • Parameters: None
  • Read-only: true

• browser_request_monitoring_status
  • Title: Get request monitoring status
  • Description: Check if request monitoring is active and view current configuration. Shows capture statistics, filter settings, and output paths.
  • Parameters: None
  • Read-only: true

• 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. Returns page snapshot after selection (configurable via browser_configure_snapshots).
  • 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_set_offline
  • Title: Set browser offline mode
  • Description: Toggle browser offline mode on/off (equivalent to DevTools offline checkbox)
  • Parameters:
    • offline (boolean): Whether to enable offline mode (true) or online mode (false)
  • Read-only: false

• browser_snapshot
  • Title: Page snapshot
  • Description: Capture complete accessibility snapshot of the current page. Always returns full snapshot regardless of session snapshot configuration. Better than screenshot for understanding page structure.
  • Parameters: None
  • Read-only: true

• browser_start_recording
  • Title: Start video recording
  • Description: Start recording browser session video. This must be called BEFORE performing browser actions you want to record. New browser contexts will be created with video recording enabled. Videos are automatically saved when pages/contexts close.
  • Parameters:
    • size (object, optional): Video recording size
    • filename (string, optional): Base filename for video files (default: session-{timestamp}.webm)
  • Read-only: false

• browser_start_request_monitoring
  • Title: Start request monitoring
  • Description: Enable comprehensive HTTP request/response interception and analysis. Captures headers, bodies, timing, and failure information for all browser traffic. Essential for security testing, API analysis, and performance debugging.
  • Parameters:
    • urlFilter (optional): Filter URLs to capture. Can be a string (contains match), regex pattern, or custom function. Examples: "/api/", ".*.json$", or custom logic
    • captureBody (boolean, optional): Whether to capture request and response bodies (default: true)
    • maxBodySize (number, optional): Maximum body size to capture in bytes (default: 10MB). Larger bodies will be truncated
    • autoSave (boolean, optional): Automatically save captured requests after each response (default: false for performance)
    • outputPath (string, optional): Custom output directory path. If not specified, uses session artifact directory
  • Read-only: false

• browser_stop_recording
  • Title: Stop video recording
  • Description: Stop video recording and return the paths to recorded video files. This closes all active pages to ensure videos are properly saved. Call this when you want to finalize and access the recorded videos.
  • Parameters: None
  • Read-only: true

• browser_take_screenshot
  • Title: Take a screenshot
  • Description: Take a screenshot of the current page. Images exceeding 8000 pixels in either dimension will be rejected unless allowLargeImages=true. You can't perform actions based on the screenshot, use browser_snapshot for actions.
  • Parameters:
    • raw (boolean, optional): Whether to return without compression (in PNG format). Default is false, which returns a JPEG image.
    • filename (string, optional): File name to save the screenshot to. Defaults to page-{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. WARNING: Full page screenshots may exceed API size limits on long pages.
    • allowLargeImages (boolean, optional): Allow images with dimensions exceeding 8000 pixels (API limit). Default false - will error if image is too large to prevent API failures.
  • Read-only: true

• browser_type
  • Title: Type text
  • Description: Type text into editable element. Returns page snapshot after typing (configurable via browser_configure_snapshots).
  • 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_uninstall_extension
  • Title: Uninstall Chrome extension
  • Description: Uninstall a Chrome extension from the current browser session. Only works with Chromium browser.
  • Parameters:
    • path (string): Path to the Chrome extension directory to uninstall
  • Read-only: false

• browser_wait_for
  • Title: Wait for
  • Description: Wait for text to appear or disappear or a specified time to pass. Returns page snapshot after waiting (configurable via browser_configure_snapshots).
  • 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_tab_close
  • Title: Close a tab
  • Description: Close a tab. Returns page snapshot after closing tab (configurable via browser_configure_snapshots).
  • Parameters:
    • index (number, optional): The index of the tab to close. Closes current tab if not provided.
  • Read-only: false

• browser_tab_list
  • Title: List tabs
  • Description: List browser tabs
  • Parameters: None
  • Read-only: true

• browser_tab_new
  • Title: Open a new tab
  • Description: Open a new tab. Returns page snapshot after opening tab (configurable via browser_configure_snapshots).
  • Parameters:
    • url (string, optional): The URL to navigate to in the new tab. If not provided, the new tab will be blank.
  • Read-only: true

• browser_tab_select
  • Title: Select a tab
  • Description: Select a tab by index. Returns page snapshot after selecting tab (configurable via browser_configure_snapshots).
  • Parameters:
    • index (number): The index of the tab to select
  • Read-only: true

• 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 to page-{timestamp}.pdf if not specified.
  • Read-only: true