Playwright Tools for MCP

mgdev · 2025-03-26T19:57:01 1743019021

This is so good. I've been using it with Claude Code with great success.

I just leave an instruction in CLAUDE.md to validate changes with Playwright. It automatically starts a dev server (wrote a little MCP server to do that), navigates to the page with the changes it just made, and validates that its changes worked. If there is anything unexpected, it self-corrects.

It's like working with a really great mid-level engineer.

What a time to be alive.

codybontecou · 2025-03-26T20:10:53 1743019853

Interesting use-case. Can you give an example of a prompt you use that triggers this tool? Are you validating UI changes (button color), navigation, or something more complex?

jauntywundrkind · 2025-03-26T19:57:11 1743019031

Submitted acouple times, would love to hear more.

Note also, there's a Fetch-MCP which is playwright based, supports batch. Would be interesting to compare. https://github.com/jae-jae/fetch-mcp https://news.ycombinator.com/item?id=43419713 (64 points, 6 days ago, 14 comments)

mettamage · 2025-03-26T20:03:32 1743019412

I don't know playwright, but how is this different than puppeteer?

The issue I'm noticing with puppeteer is that it isn't always successful to immediately get the right javascript to complete a simple task such as accepting a cookie consent banner, for example.

bdcravens · 2025-03-26T20:18:43 1743020323

Playwright is a bit of an evolution of Puppeteer. Mostly the same API, extends the API a bit (I tend to prefer its abstractions over Puppeteer), and designed to work with multiple browsers. It came from many of the same developers as Puppeteer.

the_arun · 2025-03-26T19:15:11 1743016511

Is this for test automation? or for using Playwright as "Operator" in an Agent?

codybontecou · 2025-03-26T20:09:33 1743019773

I think it's to give the LLM control of your browser.

bdcravens · 2025-03-26T20:21:04 1743020464

So instead of specifying explicit selectors, etc, you just use a prompt? (like "Go to eBay.com, search for Playstation 5, and click on the first result that isn't a promoted listing")

simonw · 2025-03-26T20:24:36 1743020676

Yes, exactly. It defaults to using the Chrome accessibility tree but it can also be run so it uses Claude's vision feature against screenshots instead.

（评论） (comments)

（评论）
(comments)