Playwright MCP Server
Let Claude drive a real browser: open pages, click, type, fill forms and take screenshots.
Use it with Claude or any AI tool. Copy the prompt and paste it in. The link inside gives the AI the whole page as Markdown.
Install
claude mcp add-json playwright '{"command":"npx","args":["@playwright/mcp@latest"]}'
Adds the server to Claude Code. For other apps, copy the config below.
About
Microsoft’s Playwright server gives your AI browser tools such as browser_navigate, browser_click, browser_type, browser_fill_form, browser_snapshot and browser_take_screenshot. It works from the page’s accessibility tree, so it does not need screenshots to find elements.
Great for testing your app end to end, reproducing bugs and filling in tedious web forms. In Claude Code you can also run: claude mcp add playwright npx @playwright/mcp@latest
Files and links
-
Playwright MCP Server config MCP config Add this to your MCP client's config, or use the install line.
Check it before you connect it. This server runs with your permissions:
npx @playwright/mcp@latestclaude mcp add-json playwright '{"command":"npx","args":["@playwright/mcp@latest"]}'