Cloudflare Playwright Tools for MCP - Template
Playwright cf mcp mcp server connects Playwright Cf MCP to AI assistants that speak the Model Context Protocol. Cloudflare Playwright Tools for MCP - Template.
This project demonstrates how to use Playwright with Cloudflare Workers as a Model Control Protocol (MCP) server using Cloudflare Playwright MCP.
Once connected, the assistant can call these 5 tools directly:
Role — MessageUser — Go to demo.playwright.dev/todomvcAssistant — runs browser_navigate tool The page has been navigated to https://demo.playwright.dev/todomvc/. The page title is "React • TodoMVC". The page snapshot showsOverview — This project demonstrates how to use Playwright with Cloudflare Workers as a Model Control Protocol (MCP) serverDeploy — The Deploy tool exposed by this serverThe server is distributed via npm as wrangler, so most clients can run it without a manual build step. Add it to your MCP client's configuration and restart the client to pick it up — the copy-paste configs for Claude Desktop, Claude Code and Cursor are on this page.
Browser automation servers are the ones people reach for when a site has no API — the assistant drives a real page instead of guessing at endpoints. Playwright Cf MCP sits in that group, and the shape of its toolset — Role, User, Assistant among others — tells you what it is really for. Worth comparing against the other browser automation servers in this directory before you commit to one, since several overlap in scope but differ sharply in setup cost and permissions.
| Tool | What it does |
|---|---|
| Role | Message |
| User | Go to demo.playwright.dev/todomvc |
| Assistant | *runs browser_navigate tool* The page has been navigated to https://demo.playwright.dev/todomvc/. The page title is "React • TodoMVC". The page snapshot shows the content of the page, including a heading, a textbox, and |
| Overview | This project demonstrates how to use [Playwright with Cloudflare Workers](https://github.com/cloudflare/playwright) as a Model Control Protocol (MCP) server using [Cloudflare Playwright MCP](https://github.com/cloudflare |
| Deploy | The Deploy tool exposed by this server. |
{
"mcpServers": {
"cloudflare-playwright-mcp": {
"command": "npx",
"args": [
"mcp-remote",
"https://[my-mcp-url].workers.dev/sse"
]
}
}
}Configuration as documented by the project. Restart the client after saving.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
Industrial-strength web extraction — render, scrape, crawl and search entire sites into clean markdown.
The original Chromium automation reference server — simple, screenshot-driven browser control.
Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.
Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.
Cloud browsers for AI agents — automation sessions that run in Browserbase's fleet, not on your machine.