This is so good. I've been using it with Claude Code with great success.<p>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.<p>It's like working with a really great mid-level engineer.<p>What a time to be alive.
It uses ariaSnapshot, which is an accessible representation of the DOM used by screen readers and accessibility validation tools as well as playwright testing.<p>However, even with that, it will quickly exhaust the model context if you navigate to something like Gmail. I just verified this with cursor.<p>I've been playing around with a much better textual representation of the page that's much more compact:<p><a href="https://github.com/lxe/chrome-mcp/blob/master/src/runtime-templates/ariaInteractiveElements.js" rel="nofollow">https://github.com/lxe/chrome-mcp/blob/master/src/runtime-te...</a><p>This uses your own chrome session and doesn't require a huge context size.<p>I might refactor this to use the aria interface available to the CDP, which I wasn't aware of at the time.
I’m going to see if I can use this in combination with our JIRA MCP to read a bug ticket’s “steps to reproduce” to see if it translate those steps to actually reproduce those actions.<p>I don’t understand the hate against MCP. It is truly exciting to see the Cambrian explosion of “connectors” coming out.<p>This is going to be the “App Store” for models in a way that OpenAI’s custom GPTs never was.
It seems this new tool from Microsoft is a competitor to <a href="https://github.com/executeautomation/mcp-playwright" rel="nofollow">https://github.com/executeautomation/mcp-playwright</a><p>The Microsoft one seems simpler, whereas the other one has more tools.
Submitted acouple times, would love to hear more.<p>Note also, there's a Fetch-MCP which is playwright based, supports batch. Would be interesting to compare. <a href="https://github.com/jae-jae/fetch-mcp" rel="nofollow">https://github.com/jae-jae/fetch-mcp</a> <a href="https://news.ycombinator.com/item?id=43419713">https://news.ycombinator.com/item?id=43419713</a> (64 points, 6 days ago, 14 comments)
I don't know playwright, but how is this different than puppeteer?<p>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.