drio
Open app

Deno 2 Playwright Model Context Protocol Server Example

Source

A Model Context Protocol server that provides browser automation capabilities using Playwright and Deno 2.

Catalog onlyCatalog onlySTDIO

Overview

Deno 2 Playwright MCP Server is a Model Context Protocol server that provides browser automation capabilities, allowing LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment using Playwright and Deno 2.

To use the Deno 2 Playwright MCP Server, you must build the appropriate binary for your operating system and configure it in your application settings to point to the binary executable.

  • Browser automation capabilities using Playwright - Ability to execute JavaScript in a real browser environment - Supports various platforms including macOS, Linux, and Windows
  1. Automating web testing for applications
  2. Taking screenshots of web pages programmatically
  3. Capturing and running JavaScript codes in a headless browser

Add to your AI client

Use these steps to connect Deno 2 Playwright Model Context Protocol Server Example in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "deno2-playwright-mcp-server-jakedahn": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-deno2-playwright-mcp-server-jakedahn"
      ]
    }
  }
}

FAQ

What is the compatibility of Deno 2 Playwright MCP Server?

The server is compatible with Deno 2 and can be built for macOS, Linux, and Windows environments.

Is it possible to customize the server settings?

Yes! You can customize the server settings by modifying the configuration file to point to the specific executable binary.

How do I build the server for different platforms?

You can build the server using specific deno tasks such as `deno task build-mac`, `deno task build-linux-x86_64`, etc.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":346,"uuid":"70a815bb-9bbf-43b7-a0cd-8c410d3c8ec6","name":"deno2-playwright-mcp-server","title":"Deno 2 Playwright Model Context Protocol Server Example","description":"A Model Context Protocol server that provides browser automation capabilities using Playwright and Deno 2.","avatar_url":"https://avatars.githubusercontent.com/u/8596?v=4","created_at":"2024-12-13T13:20:55.266Z","updated_at":"2024-12-13T15:09:10.267Z","status":"created","author_name":"jakedahn","author_avatar_url":"https://avatars.githubusercontent.com/u/8596?v=4","tags":"[]","category":"browser-automation","is_featured":false,"sort":1,"url":"https://github.com/jakedahn/deno2-playwright-mcp-server","target":"_self","content":"$29","summary":"$2a","img_url":null,"type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Browser automation