What is Playwright Record MCP?

Playwright Record MCP is a Model Context Protocol (MCP) server that uses Playwright to automate browsers and record video. It enables LLMs to interact with web pages through accessibility snapshots without needing screenshots.

What are the key features of Playwright Record MCP?

Key features include fast and lightweight operation, LLM-friendly structured data interaction, deterministic tool application, and video recording of browser interactions.

What use cases does Playwright Record MCP support?

It supports web navigation, form-filling, data extraction, LLM-driven automated testing, general-purpose browser interaction for agents, and recording/analyzing browser interactions.

How do I install Playwright Record MCP?

You can install it via NPM using npm install @playwright/record-mcp or run it directly with NPX using npx @playwright/record-mcp.

Can I use Playwright Record MCP in VS Code?

Yes, you can install it using the VS Code CLI with the command code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/record-mcp@latest"]}'.

What command-line options are available?

Options include --browser, --caps, --cdp-endpoint, --executable-path, --headless, --port, --user-data-dir, --vision, --record, --record-path, and --record-format.

How do I record browser interactions with video?

Use the --record flag when starting the server to enable video recording. You can specify the recording path and format using --record-path and --record-format.

What is Snapshot Mode and Vision Mode?

Snapshot Mode (default) uses accessibility snapshots for performance and reliability. Vision Mode uses screenshots for visual-based interactions, best suited for models interacting with X-Y coordinates.

How do I use Vision Mode?

Add the --vision flag when starting the server to use Vision Mode.

What browsers are supported by Playwright Record MCP?

Supported browsers include Chrome, Firefox, WebKit, and Microsoft Edge.

What are the requirements for running Playwright Record MCP?

Requirements include Node.js 18 or higher and the required browser must be installed.

How does Playwright Record MCP integrate with UBOS?

Playwright Record MCP enhances AI Agent capabilities within UBOS, automates complex workflows, improves data quality, and accelerates development of AI-powered web applications.