playwright mcp install - Brave Search

github.com › microsoft › playwright-mcp

GitHub - microsoft/playwright-mcp: Playwright MCP server

Name to your liking, use command ... npx @playwright/mcp@latest. You can also verify config or add command like arguments via clicking Edit. ... Alternatively, type /mcp within Factory droid to open an interactive UI for managing MCP servers.

Starred by 24.7K users

Forked by 2K users

Languages TypeScript 54.4% | CSS 37.0% | JavaScript 6.0% | Dockerfile 1.6% | HTML 1.0%

Playwright MCP Server

executeautomation.github.io › playwright mcp server

Playwright MCP Server | Playwright MCP Server

npx @smithery/cli install @executeautomation/playwright-mcp-server --client claude

Discussions

Anyone get Microsoft Playwright MCP to Work with Claude Code?

I use (in wsl) `claude mcp add playwright npx u/playwright/mcp @latest` only things that is tricky is that you cannot let claude install the browser or the deps since it needs sudo to elevate the commands, so just install them manually and follow the prompts in a terminal. then you can check using /mcp and see its installed and test it using a command like, `use playwright to navigate to google.com` More on reddit.com

r/ClaudeAI

24

9

June 9, 2025

CC using Playwright directly is vastly superior to Playwright MCP

You're absolutely right. (kek) People fail to realize it was already a fucking automation tool. Just use the tool. LMao More on reddit.com

r/ClaudeCode

65

100

August 27, 2025

Claude Code — Seamless MCP Server Setup (Playwright, Memory, Serena, Sequential Thinking)

hm.. how useful do you find Playwright MCP server? i tried it, but it wasn't so useful for automated ui/ux testing from my experience. maybe for just mvps? More on reddit.com

r/ClaudeAI

9

9

October 23, 2025

Videos

Install Playwright MCP Server in VS Code – AI-Powered Web ...

Playwright MCP Server: Installing and getting started in VS Code ...

Install an MCP Server in VS Code. (Watch me install Playwright ...

How to Install Playwright MCP Server in VS Code - YouTube

August 18, 2025

Playwright MCP Severs Explained: Automation and Testing - YouTube

November 17, 2025

MCP Tutorial 1 - Control Web Browser with Playwright MCP Server ...

til.simonwillison.net › claude-code › playwright-mcp-claude-code

Using Playwright MCP with Claude Code | Simon Willison’s TILs

Inspired by Armin, I decided to figure out how to use the official microsoft/playwright-mcp Playwright MCP server with Claude Code.

npmjs.com › package › @playwright › mcp

@playwright/mcp - npm

5 days ago - Name to your liking, use command ... npx @playwright/mcp@latest. You can also verify config or add command like arguments via clicking Edit. ... Alternatively, type /mcp within Factory droid to open an interactive UI for managing MCP servers.

      » npm install @playwright/mcp

Published Dec 20, 2025

Version 0.0.53

Author Microsoft Corporation

Repository https://github.com/microsoft/playwright-mcp

Homepage https://playwright.dev

medium.com › @testerstalk › how-to-install-microsoft-playwright-mcp-server-in-vs-code-9e65513e23e5

How to Install Microsoft Playwright MCP Server in VS Code? | by Testers Talk | Medium

August 4, 2025 - You will see a screen as beLow & Select “MCP: List Servers” option ... Then, “setting.json” file will open. ... Next, Click on “Start” in the settings json file. ... Finally, At the end make sure that Playwright MCP Server is running.

dev.to › debs_obrien › install-playwright-mcp-server-in-vs-code-4o91

Install Playwright MCP Server in VS Code - DEV Community

July 15, 2025 - You’ll be greeted by a curated list of available MCP servers, each with a description and quick actions. Find the server you want and click the Install button.

supatest.ai › home › blog › playwright mcp: a new approach to browser automation

Playwright MCP Guide: Setup, Configuration & Best Practices

August 12, 2025 - Setting up Playwright MCP varies depending on your preferred development environment. Here are the most reliable methods based on community experiences and official documentation: ... The VS Code integration has received significant attention and appears to be the most stable option for many users. ... Install VS Code Insiders (recommended for the latest MCP features): Download from the official VS Code Insiders page, as some MCP features require the latest builds.

Microsoft Developer

developer.microsoft.com › dev blogs › blog › the complete playwright end-to-end story, tools, ai, and real-world workflows

The Complete Playwright End-to-End Story, Tools, AI, and Real-World Workflows - Microsoft for Developers

August 8, 2025 - Playwright MCP (Model Context Protocol) bridges AI agents and live browser sessions, letting AI interact with web apps via Playwright. ... Full suite of interaction tools: Click, type, wait, etc. Real-time page snapshots: Request current state anytime · Check out this video to easily install and run Playwright MCP: Playwright MCP in VS Code.

Find elsewhere

Google Bing Mojeek

Microsoft Community Hub

techcommunity.microsoft.com › microsoft community hub › communities › products › azure › microsoft developer community blog

How to Integrate Playwright MCP for AI-Driven Test Automation | Microsoft Community Hub

November 17, 2025 - Navigate to GitHub - microsoft/playwright-mcp: Playwright MCP server and click install server for VS Code

playwright.dev › installation

Installation | Playwright

Playwright supports Chromium, WebKit and Firefox on Windows, Linux and macOS, locally or in CI, headless or headed, with native mobile emulation for Chrome (Android) and Mobile Safari. ... Get started by installing Playwright using one of the following methods.

github.blog › home › ai & ml › generative ai › how to find, install, and manage mcp servers with the github mcp registry

How to find, install, and manage MCP servers with the GitHub MCP Registry - The GitHub Blog

October 24, 2025 - Navigate to Playwright MCP server in the GitHub MCP Registry. Click Install in VS Code.

Playwright MCP Server

executeautomation.github.io › local development › installation

Installation | Playwright MCP Server

cd mcp-playwright npm install · npm install --save-dev typescript npm run build npm link · Modify your claude-desktop-config.json file as shown below to work with local playwright mcp server The file is generally located at C:\Users\{your...

github.com › executeautomation › mcp-playwright

executeautomation/mcp-playwright ...

2 weeks ago - # Using npx npx @executeautomation/playwright-mcp-server --port 8931 # Or after global installation playwright-mcp-server --port 8931

Starred by 5.1K users

Forked by 460 users

Languages TypeScript 93.6% | JavaScript 6.0%

lobehub.com › mcp › abhishek0505bit-playwright-mcpserver

Integrating Playwright MCP Server with Cursor AI | MCP Servers · LobeHub

1 month ago - This MCP Server allows integration of Playwright with Cursor AI via manual configuration by adding a .cursor/mcp.json file specifying the server command. No external data files are required beyond this configuration file.

reddit.com › r/claudeai › anyone get microsoft playwright mcp to work with claude code?

r/ClaudeAI on Reddit: Anyone get Microsoft Playwright MCP to Work with Claude Code?

June 9, 2025 -

No matter what I try, Claude code cannot access the Microsoft Playwright MCP. I'm searching for troubleshooting tips, but can't find anything. Is there anyone using it?

[EDIT] Solved, "claude mcp add playwright -- npx "@playwright/mcp@latest" worked.

I use (in wsl) `claude mcp add playwright npx u/playwright/mcp @latest` only things that is tricky is that you cannot let claude install the browser or the deps since it needs sudo to elevate the commands, so just install them manually and follow the prompts in a terminal. then you can check using /mcp and see its installed and test it using a command like, `use playwright to navigate to google.com`

Working on my end

playwright.dev › agents

Agents | Playwright

October 9, 2025 - repo/ .github/ # agent definitions specs/ # human-readable test plans basic-operations.md tests/ # generated Playwright tests seed.spec.ts # seed test for environment tests/create/add-valid-todo.spec.ts playwright.config.ts · Under the hood, agent definitions are collections of instructions and MCP tools.

mcpservers.org › playwright

Playwright | Awesome MCP Servers

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 the Factory MCP documentation.

blog.nashtechglobal.com › home › how playwright mcp server improves the ai capabilities for automation testing

How Playwright MCP Server improves the AI capabilities for automation testing - NashTech Blog

June 10, 2025 - You can go to https://github.com/microsoft/playwright-mcp and click VS Code symbol in the README. You also can use VS Code CLI for installing it.

playbooks.com › mcp › microsoft-playwright-browser-automation

Playwright Browser Automation MCP server for AI agents

Claude Desktop: Follow the MCP install guide using the standard config · Goose: Use the "Install in Goose" button or add manually in Advanced settings → Extensions · The Playwright MCP server accepts various command-line arguments to customize its behavior:

augmentcode.com › mcp › mcp-playwright

mcp-playwright - MCP Server Registry - Augment Code

Playwright Model Context Protocol Server – expose Playwright-based browser automation, screenshotting, code-gen and JS execution as MCP tools. ... # 1. Install the server and Playwright browsers npm i -g mcp-playwright playwright # 2. Verify ...