Cursor IDE + Playwright Agent Mode Is Finally FIXED! (Planner, Generator & Healer Demo)

In this video, I walk you through the updated workflow of using Cursor IDE together with Playwright Agent Mode — including Planner, Generator, and Healer.

1) npm init playwright@latest
2) npx playwright init-agents --loop=vscode
3) Cursor Version: 2.0.77, VSCode Version: 1.99.3
4) create file: .cursor/mcp.json in root folder with content:
```
{
"mcpServers": {
"playwright-test": {
"type": "stdio",
"command": "npx",
"args": [
"playwright",
"run-test-mcp-server"
]
}
}
}
```
5) Verify mcp servier is running succesfully by "Open MCP Settings"
6) Select agent and copy text from ".github/chatmodes/ 🎭 planner.chatmode.md"

Recently, many Playwright users (including some of you in my comments) reported that Cursor couldn’t run Playwright Agent Mode properly.
The good news? The issue is now fixed.
So today we’re testing the full experience again — and it works beautifully.

🔥 What you’ll learn in this video:

How to enable Agent Mode in Cursor for Playwright
What the Planner, Generator, and Healer agents do
How to let Cursor plan, write, and repair Playwright tests
How to run tests directly inside Cursor
A step-by-step demo using a real test scenario
Tips for getting the most out of Cursor + Playwright combo
When to trust the agent and when to adjust code manually

🧰 Tools used:

Cursor IDE (latest version)
Playwright Agent Mode (Planner / Generator / Healer)
Playwright Test Runner
-TypeScript

💬 Previously you asked:

“Why doesn’t Playwright Agent work in Cursor IDE? It’s broken for me.”
This was a known issue — and now it’s resolved.
Thanks for your comments, they helped shape this video!

⏱️ Chapters:

00:00 – Intro
00:34 – Cursor problem
02:20 – Install required tools
03:50 – MCP Server config
06:40 – Prepare seed file
07:46 – Setup Agent run
09:10 – Generate test cases
13:00 – Use healer to fix the tests
17:00 – Custom agent error
18:00 – Conclusions