Tools

Skip to content

You signed in with another tab or window. Reload
to refresh your session. You signed out in another tab or window. Reload
to refresh your session. You switched accounts on another tab or window. Reload
to refresh your session. Dismiss alert

afshawnlotfi / mcp-configurable-puppeteer Public

• Notifications
  You must be signed in to change notification settings

• Fork 2

• Star 1

Configurable Puppeteer MCP Server

1 star
2 forks
Branches
Tags
Activity

Star

Notifications
You must be signed in to change notification settings

afshawnlotfi/mcp-configurable-puppeteer

main

Branches
Tags

Go to file

Code

Folders and files

| Name | | Name | Last commit message | Last commit date |
| --- | --- | --- | --- |
| Latest commit
-------------

History
-------

1 Commit

| | |
| .gitignore | | .gitignore | | |
| README.md | | README.md | | |
| index.ts | | index.ts | | |
| package.json | | package.json | | |
| tsconfig.json | | tsconfig.json | | |
| View all files | | |

Repository files navigation

Configurable Puppeteer MCP Server

A Model Context Protocol server that provides browser automation capabilities using Puppeteer with configurable options. This server enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment, with the ability to customize Puppeteer launch options through environment variables.

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

   • Screenshots (screenshot://<name>)

   • PNG images of captured screenshots

   • Accessible via the screenshot name specified during capture

Key Features

• Browser automation
• Console log monitoring
• Screenshot capabilities
• JavaScript execution
• Basic web interaction (navigation, clicking, form filling)
• Configurable Puppeteer options through environment variables

Configuration

Using with Custom Puppeteer Options

You can configure Puppeteer launch options by providing a JSON string in the PUPPETEER_ARGS environment variable. This allows you to customize browser behavior without modifying the server code.

Example: Using Firefox Instead of Chrome

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"],
      "env": {
        "PUPPETEER_ARGS": "{\"browser\": \"firefox\"}"
      }
    }
  }
}

Example: Configuring Browser Window Size

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"],
      "env": {
        "PUPPETEER_ARGS": "{\"defaultViewport\": {\"width\": 1280, \"height\": 800}}"
      }
    }
  }
}

Standard Configuration

NPX

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer"]
    }
  }
}

You can also specify a branch, tag, or commit:

{
  "mcpServers": {
    "puppeteer": {
      "command": "npx",
      "args": ["-y", "github:afshawnlotfi/mcp-configurable-puppeteer#main"]
    }
  }
}

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.

About

Configurable Puppeteer MCP Server

Resources

Readme

Activity

Stars

1 star

Watchers

1 watching

Forks

2 forks

Report repository

Releases

No releases published

Packages 0

No packages published

Languages

• JavaScript 100.0%

You can’t perform that action at this time.