playwright-mcp

[](https://www.npmjs.com/package/playwright-mcp) [](https://ashish-bansal.github.io/playwright-mcp/)

Ever tried using Cursor or Claude to write Playwright tests? Yeah, it's kind of a mess.

Why? Because your AI assistant has no clue what's on your web page. It's like trying to describe a painting to someone who's blindfolded. The result?

• Flaky tests → The AI is guessing selectors, and it gets them wrong.
• Broken scripts → You spend more time fixing tests than writing them.
• Debugging nightmares → The AI can't "see" what's happening, so you end up doing all the heavy lifting.

Wouldn't it be nice if your AI could actually understand your web page instead of just making educated guesses?

playwright-mcp gives your AI assistant superpowers by making the browser fully visible to it. Instead of working in the dark, your AI assistant now has real-time access to the page DOM, elements, and interactions.

Once installed, playwright-mcp spins up a Playwright-controlled browser and gives your AI assistant full access to it. This unlocks:

1. Recording interactions → Click, type, scroll—let playwright-mcp turn your actions into fully functional Playwright test cases.
2. Taking screenshots → Capture elements or full pages so your AI gets actual visual context (no more guessing).
3. Extracting the DOM → Grab the entire HTML structure so the AI can generate rock-solid selectors.
4. Executing JavaScript → Run custom JS inside the browser for debugging, automation, or just for fun.

🚀 AI-generated tests that actually work → No more flaky selectors, broken tests, or guesswork.

⏳ Massive time savings → Write and debug Playwright tests 5x faster.

🛠️ **F