Cloudflare Playwright

This project demonstrates how to usePlaywright with Cloudflare Workersas a Model Control Protocol (MCP) server usingCloudflare Playwright MCP.

Cloudflare playground AIis a great way to test MCP servers using LLM models available in Workers AI.

- Navigate tohttps://playground.ai.cloudflare.com/
- Ensure model is set tollama-3.3-70b-instruct-fp8-fast
- InMCP Servers, setURLtohttps://[my-mcp-url].workers.dev/sse
- ClickConnect
- Status should update toConnectedand it should list 14 available tools

You can now start to interact with the model, and it will run necessary tools to accomplish what was requested.

[!TIP] For best results, give simple instructions consisting of one single action, e. g., "Create a new todo entry", "Go to cloudflare site", "Take a screenshot"

As of now,Claude Desktoponly supports local MCP servers. To useplayground-mcpwith Claude Desktop we make use ofmcp-remote, a tool that proxies remote MCP servers and exposes them locally. Use the following configuration:
- Open the configuration file for Claude Desktop.
- Add the following JSON snippet under themcpServerssection:

{ "mcpServers": { "cloudflare-playwright-mcp": { "command": "npx", "args": [ "mcp-remote", "https://[my-mcp-url].workers.dev/sse" ] } } }

- Save the configuration file andrestartClaude Desktop to apply the changes.

This setup ensures that Claude Desktop can communicate with the Cloudflare Playwright MCP server.

Here's an example of a session opening the TODO demo app, adding "buy lemons" and doing a screenshot, taking advantage of playwright-mcp tools and Browser Rendering:

You can install the Playwright MCP server using theVS Code CLI:

# For VS Code code --add-mcp '{"name":"cloudflare-playwright","type":"sse","url":"https://[my-mcp-url].workers.dev/sse"}'

# For VS Code Insiders code-insiders --add-mcp '{"name":"cloudflare-playwright","type":"sse","url":"https://[my-mcp-url].workers.dev/sse"}'

After installation, the Playwright MCP server will be available for use with your GitHub Copilot agent in VS Code.

Control a browser for web automation tasks using Playwright on Cloudflare Workers.

A browser screenshot tool to capture scrolling screenshots of webpages using Playwright, with support for intelligent section identification and multiple output formats.

Take screenshots and read console logs from web pages using Playwright.

CloakBrowser MCP server for AI agents: Playwright-powered browsing, clean tool forwarding, Docker support, and multi-session HTTP transport.

Provides web context to LLMs using Cloudflare's Browser Rendering API.

Fetch and extract web content using a Playwright headless browser, with support for intelligent extraction and flexible output.

Query financial web tables from sources like iwencai, tdx, and eastmoney using Playwright.

A production-ready web scraping platform with ML-powered automation, browser automation via Playwright, and persistent caching.

Control a browser for automation and web scraping tasks using Playwright.