claude code add mcp playwright not working - Brave Search

Anyone get Microsoft Playwright MCP to Work with Claude Code?

reddit.com › r › ClaudeAI › comments › 1l6nv6u › anyone_get_microsoft_playwright_mcp_to_work_with

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` Answer from BruceJillis on reddit.com

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

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

I found I needed to explicitly say "playwright mcp" the first time, otherwise it might try to use Bash to run Playwright instead. The claude mcp add command will persist but will only affect the directory in which you run it. It took me a while to figure out how that works - eventually I tracked it down to a JSON file ~/.claude.json which includes a "projects" key with objects for each directory I had used with Claude Code in the past.

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

Videos

Claude Code Now Has Eyes | Playwright MCP Integration - YouTube

August 25, 2025

Claude Code + Playwright MCP = Perfect UI Every Time - YouTube

August 28, 2025

Install Playwright MCP in Claude Desktop – AI-Powered Web ...

Playwright MCP for Claude Code: Don't Miss This Game-Changer - YouTube

October 21, 2025

Integrate Playwright with Claude AI from Scratch | Full Setup & ...

r/ClaudeAI on Reddit: I made a video about how to add browser access ...

github.com › microsoft › playwright-mcp › issues › 534

How to Install Playwright MCP in Claude Code? · Issue #534 · microsoft/playwright-mcp

June 8, 2025 - [EDIT] I got it working with claude mcp add playwright npx -- @playwright/mcp@latest I've tried installing this MCP in Claude code two ways. claude mcp add @playwright/mcp@latest Editing claude_desktop_config_.json with: { "serverConfig"...

Published Jun 08, 2025

reddit.com › r/claudeai › claude code + playwright mcp - how did you speed up the browser interactions

r/ClaudeAI on Reddit: Claude code + playwright mcp - how did you speed up the browser interactions

May 17, 2025 -

I have successfully integrated this playwright mcp -Microsoft one ( adding tools ) to Claude code . We can now add a prompt and pass it in Claude code headless cli .. however the browser navigation is quite slow .. for example it takes more than 4 seconds for Claude code to login using username and password..

How did you speed up the process ..? I am using WSL2

Thanks in advance

I say this with all the kindness in the world. Why the fuck would you burn Claude code tokens running playwright tests? Why would you not just write the tests and then have the tests run with CI/CD pipelines?

how did you install the microsoft playwright mcp to claude code?

testomat.io › home › playwright mcp claude code

Playwright MCP Claude Code

October 27, 2025 - You need to access the Claude Desktop ... with this JSON configuration snippet: ... 🔴 Remember that you need to save the file and restart Claude Desktop, so that a build logo, which contains all Playwright actions or methods, ...

Address Ul. Koszykarska 27b-26, Kraków

github.com › microsoft › playwright-mcp

GitHub - microsoft/playwright-mcp: Playwright MCP server

VS Code, Cursor, Windsurf, Claude Desktop, Goose or any other MCP client · First, install the Playwright MCP server with your client. Standard config works in most of the tools: { "mcpServers": { "playwright": { "command": "npx", "args": [ ...

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%

github.com › anthropics › claude-code › issues › 3426

[BUG] Claude Code fails to expose MCP tools to AI sessions when running a local Playwright MCP server · Issue #3426 · anthropics/claude-code

July 13, 2025 - Claude Code version 1.0.43 has a critical bug preventing MCP (Model Context Protocol) tools from being exposed to AI sessions, specifically affecting local Playwright MCP server integration. This i...

Published Jul 13, 2025

github.com › anthropics › claude-code › issues › 6224

Playwright MCP Initialization Fails on First Install Requiring Manual Restart · Issue #6224 · anthropics/claude-code

August 21, 2025 - ⏺ To test if the Playwright MCP is working properly, you need to restart Claude Code CLI completely first.

Published Aug 21, 2025

Find elsewhere

Google Bing Mojeek

reddit.com › r/claudecode › playwright - to mcp or not mcp

r/ClaudeCode on Reddit: Playwright - to mcp or not mcp

August 17, 2025 -

Just saw a YT video about using playwright mcp. All the behaviors described (screenshots, etc) are available to CC without installing or using MCP, so I’m just curious, is there value to using the MCP over simply asking Claude to “use playwright to visit blah and screenshot the results, review the error and fix”

mcp is a layer telling AI when and how to use specific tools. So yes, it might be a time saver - if time is a value for you

You can just ask Claude to run Playwright locally and get screenshots but the difference once you move into MCP is all about scale + persistence. With a straight Claude call you are spinning up a one-off task. For simple testing raw Playwright calls are fine. But once you are building actual agent workflows that need reliability scraping LinkedIn, running SaaS dashboards, UI testing the MCP layer removes a ton of the duct tape. Thats basically why we built Browser MCP on top of it.

medium.com › @kapilkumar080 › understanding-the-claude-playwright-mcp-server-setup-426a574cc232

Understanding the Claude + Playwright MCP Server setup | by Kapil kumar | Oct, 2025 | Medium

October 31, 2025 - Use Claude for natural-language automation (via MCP). Open the generated test files in VS Code for debugging/editing. ... | Step | What to do | Purpose | | ---- | --------------------------------------------------------- | --------------------------------------------- | | 1 | Install Node.js & Playwright | For browser automation | | 2 | `npm install -g @executeautomation/playwright-mcp-server` | Run the Playwright MCP server | | 3 | Install Claude Desktop | To talk to the MCP | | 4 | Add `mcp.json` config linking to Playwright MCP | Enable Claude ↔️ Playwright connection | | 5 | Restart Claude & test with commands | Automate browser tasks using natural language | | 6 | (Optional) Use VS Code for test editing | For debugging or code review |

testdino.com › blog › playwright-mcp-installation

How to install Playwright MCP on Claude Code | TestDino

20 hours ago - With the configuration saved, Claude Desktop is ready to launch Playwright MCP, but for this, you have to reopen Claude Desktop to apply the changes. Now, the final step is to confirm everything is working as expected.

github.com › anthropics › claude-code › issues › 1383

[BUG] Playwright MCP frequently fails · Issue #1383 · anthropics/claude-code

May 28, 2025 - According to CLAUDE.md, I need to "open a tab using the open_tab command in playwright" first. Let me use Playwright correctly to test the pages: ⏺ playwright:browser_tab_new (MCP)(url: "http://localhost:4000")… ⎿ Error: Error calling tool browser_tab_new: undefined ⏺ Let me first try to navigate directly since there might be a default tab: ⏺ playwright:browser_navigate (MCP)(url: "http://localhost:4000")…

Published May 28, 2025

Playwright MCP Server

executeautomation.github.io › local development › installation

Installation | Playwright MCP Server

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\{yourusername}\AppData\Roaming\Claude

github.com › executeautomation › mcp-playwright

GitHub - executeautomation/mcp-playwright: Playwright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌

OPENAI_API_KEY=your-key npx mcp-eval src/evals/evals.ts src/tools/codegen/index.ts · When adding new tools, please be mindful of the tool name length. Some clients, like Cursor, have a 60-character limit for the combined server and tool name (server_name:tool_name). Our server name is playwright-mcp.

Starred by 5.1K users

Forked by 460 users

Languages TypeScript 93.6% | JavaScript 6.0%

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

Playwright MCP Guide: Setup, Configuration & Best Practices

August 12, 2025 - The most frequent issue involves version mismatches between the MCP server and its dependencies. Users report errors such as: Solution: Use a specific working version instead of @latest: The latest versions sometimes have missing files or dependency ...

wmedia.es › home › writing › automated code review with claude code, playwright, and notion (mcp)

Automated Code Review with Claude Code, Playwright, and Notion (MCP) - Juan Andrés Núñez — Building at the intersection of Frontend, AI, and Humanism

October 4, 2025 - This is vital because, if you notice, it indicates where it has saved the installed MPC server information: .claude.json of my user directory, that is, user scope. This way I will be able to use Playwright in any project. Of course you can modify the scope of MCP connections with Claude Code using the --scope user or --scope project flag when performing the installation.

simonwillison.net › 2025 › Jul › 1 › using-playwright-mcp-with-claude-code

TIL: Using Playwright MCP with Claude Code

July 1, 2025 - Inspired by Armin ("I personally use only one MCP - I only use Playwright") I decided to figure out how to use the official Playwright MCP server with Claude Code. ... The claude mcp add command only affects the current directory by default - it gets persisted in the ~/.claude.json file.

gist.github.com › binarybusiness › e11cb4fe6bb14f305d3fcf989a032e39

Claude Code MCP Servers Setup Guide - Fix for playwright and fetch connection issues · GitHub

# These will fail to connect: claude mcp add playwright "npx -y @playwright/mcp" claude mcp add playwright "@playwright/mcp" claude mcp add playwright "npx @modelcontextprotocol/server-playwright" # This works: claude mcp add playwright "mcp-server-playwright"

JavaScript in Plain English

javascript.plainenglish.io › experience-story-figma-mcp-claude-code-playwright-68b20bb0f8ce

Experience Story: Figma MCP + Claude Code + Playwright MCP | by Orhan Asım Arslan | JavaScript in Plain English

October 15, 2025 - However, this feature requires installing Playwright standalone via `pnpm` and setting up comparison workflows — it’s not available through Playwright MCP. When Figma designs are professionally structured with precise measurements, this automated visual comparison can provide an additional validation layer, automatically highlighting any pixel differences between Figma screenshots and implementation.

madewithlove.com › blog › claude-as-tester-using-playwright-and-github-mcp

Claude as tester using Playwright and GitHub MCP

July 22, 2025 - Based on the ticket, I gave Claude the following prompt: Use playwright MCP, go to <testing environment URL> log in with username <user> and password <password, create a new event with the role <Role>. You should only add one role, do not press ...