MCP Puppeteer Linux

Local 2025-08-31 23:48:25 0

Browser Automation @PhialsBasement/MCP-Puppeteer-Linux

Enables browser automation for LLMs on Linux display servers, supporting web interaction, screenshots, and JavaScript execution in a real browser.

A Model Context Protocol server that provides browser automation capabilities using Puppeteer, with full support for Linux display servers (X11 and Wayland). This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment.

Display Server Support

This fork adds automatic detection and configuration for Linux display servers: - Automatic X11/Wayland detection - Dynamic environment variable configuration - Support for various desktop environments (GNOME, KDE, etc.) - Fallback mechanisms and robust error handling - XWayland compatibility

Components

Tools

puppeteer_navigate
Navigate to any URL in the browser
Input: url (string)
puppeteer_screenshot
Capture screenshots of the entire page or specific elements
Inputs:
- name (string, required): Name for the screenshot
- selector (string, optional): CSS selector for element to screenshot
- width (number, optional, default: 800): Screenshot width
- height (number, optional, default: 600): Screenshot height
puppeteer_click
Click elements on the page
Input: selector (string): CSS selector for element to click
puppeteer_hover
Hover elements on the page
Input: selector (string): CSS selector for element to hover
puppeteer_fill
Fill out input fields
Inputs:
- selector (string): CSS selector for input field
- value (string): Value to fill
puppeteer_select
Select an element with SELECT tag
Inputs:
- selector (string): CSS selector for element to select
- value (string): Value to select
puppeteer_evaluate
Execute JavaScript in the browser console
Input: script (string): JavaScript code to execute

Resources

The server provides access to two types of resources: 1. Console Logs (console://logs) - Browser console output in text format - Includes all console messages from the browser 2. Screenshots (screenshot://<name>) - PNG images of captured screenshots - Accessible via the screenshot name specified during capture

Key Features

Browser automation with Linux display server support
Automatic X11/Wayland detection and configuration
Console log monitoring
Screenshot capabilities
JavaScript execution
Basic web interaction (navigation, clicking, form filling)

Configuration

Claude Desktop Configuration

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["ts-node", "/path/to/index.ts"]
    }
  }
}

Installation

Installing via Smithery

To install Puppeteer Linux for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @PhialsBasement/mcp-puppeteer-linux --client claude

Manual Installation

Clone the repository:

git clone https://github.com/PhialsBasement/MCP-Puppeteer-Linux.git

Install dependencies:
```
npm install
```
Start the server:
```
ts-node index.ts
```

Display Server Details

The server automatically detects and configures the appropriate display environment:

Wayland Support

Detects Wayland sessions via WAYLAND_DISPLAY
Configures necessary environment variables:
WAYLAND_DISPLAY
QT_QPA_PLATFORM
GDK_BACKEND
MOZ_ENABLE_WAYLAND
XDG_SESSION_TYPE

X11 Support

Fallback for traditional X11 sessions
Handles X11-specific variables:
DISPLAY
XAUTHORITY
Supports various desktop environments and window managers

License

This MCP server is licensed under the MIT License. This means you are free to use, modify, and distribute the software, subject to the terms and conditions of the MIT License. For more details, please see the LICENSE file in the project repository.

[
  {
    "description": "Navigate to a URL",
    "inputSchema": {
      "properties": {
        "url": {
          "type": "string"
        }
      },
      "required": [
        "url"
      ],
      "type": "object"
    },
    "name": "puppeteer_navigate"
  },
  {
    "description": "Take a screenshot of the current page or a specific element",
    "inputSchema": {
      "properties": {
        "height": {
          "description": "Height in pixels (default: 600)",
          "type": "number"
        },
        "name": {
          "description": "Name for the screenshot",
          "type": "string"
        },
        "selector": {
          "description": "CSS selector for element to screenshot",
          "type": "string"
        },
        "width": {
          "description": "Width in pixels (default: 800)",
          "type": "number"
        }
      },
      "required": [
        "name"
      ],
      "type": "object"
    },
    "name": "puppeteer_screenshot"
  },
  {
    "description": "Click an element on the page",
    "inputSchema": {
      "properties": {
        "selector": {
          "description": "CSS selector for element to click",
          "type": "string"
        }
      },
      "required": [
        "selector"
      ],
      "type": "object"
    },
    "name": "puppeteer_click"
  },
  {
    "description": "Fill out an input field",
    "inputSchema": {
      "properties": {
        "selector": {
          "description": "CSS selector for input field",
          "type": "string"
        },
        "value": {
          "description": "Value to fill",
          "type": "string"
        }
      },
      "required": [
        "selector",
        "value"
      ],
      "type": "object"
    },
    "name": "puppeteer_fill"
  },
  {
    "description": "Select an element on the page with Select tag",
    "inputSchema": {
      "properties": {
        "selector": {
          "description": "CSS selector for element to select",
          "type": "string"
        },
        "value": {
          "description": "Value to select",
          "type": "string"
        }
      },
      "required": [
        "selector",
        "value"
      ],
      "type": "object"
    },
    "name": "puppeteer_select"
  },
  {
    "description": "Hover an element on the page",
    "inputSchema": {
      "properties": {
        "selector": {
          "description": "CSS selector for element to hover",
          "type": "string"
        }
      },
      "required": [
        "selector"
      ],
      "type": "object"
    },
    "name": "puppeteer_hover"
  },
  {
    "description": "Execute JavaScript in the browser console",
    "inputSchema": {
      "properties": {
        "script": {
          "description": "JavaScript code to execute",
          "type": "string"
        }
      },
      "required": [
        "script"
      ],
      "type": "object"
    },
    "name": "puppeteer_evaluate"
  }
]