Developer Tools MCP

by d4n5h

147 downloads

Not rated

GitHub

Developer Tools

About

MCP server with a rich set of capabilities for web development

Details

Author: d4n5h
Downloads: 147
Categories: Developer Tools

- Browser page management (create, close, switch)
- Screenshots and PDF generation
- Cookie management (set, get, domain-based)
- Mobile, tablet, and desktop view emulation
- Console log, error, and network monitoring
- Performance, security, accessibility, SEO analysis
- Element text extraction, click, input, scroll
- SSH connection with remote command execution

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name Developer Tools MCP

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

From the repository

Install with Node.js v18 or higher, then configure in your MCP client’s JSON. Run the command npx -y developer-tools-mcp. It is recommended to use with the MCP HUB MCP server for handling its large tool set.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "developer tools mcp": {
            "developer-tools-mcp": {
                "command": "npx",
                "args": [
                    "-y",
                    "developer-tools-mcp"
                ]
            }
        }
    }
}

McpServers

{
    "developer-tools-mcp": {
        "command": "npx",
        "args": [
            "-y",
            "developer-tools-mcp"
        ]
    }
}

Developer Tools MCP

A comprehensive Model Context Protocol (MCP) server providing extensive development and browser automation capabilities through Puppeteer. This server enables seamless interaction with browsers and system tools directly from the Cursor IDE and other MCP clients, without requiring additional browser installations or add-ons.

✨ Features

This MCP server provides a rich set of tools for browser automation and web development:

🌐 Browser Automation

- Page Management
- Create, close, and switch between pages
- Get page information (title, URL, HTML content)
- Page navigation and refresh
- Frame switching
- Wait for page load and elements

📸 Media & Documents

- Screenshots
- Capture partial page screenshots
- Full page screenshots
- Generate PDF documents with customizable options

🍪 Cookie Management

- Set and get cookies
- Manage cookies by domain
- Cookie manipulation and monitoring

📱 View Modes

- Mobile device emulation
- Tablet device emulation
- Desktop view configuration

🔍 Debugging Tools

- Console log monitoring
- Page error tracking
- Resource usage analysis
- Custom JavaScript execution
- Network request monitoring

📊 Analysis & Testing

- Performance Analysis
- Load time metrics
- Resource consumption
- Network performance
- Security Analysis
- Security headers check
- SSL/TLS configuration
- Accessibility Testing
- WCAG compliance checks
- Accessibility best practices
- SEO Analysis
- Meta tags verification
- SEO best practices check
- Code Coverage
- JavaScript code coverage analysis

🔧 Element Manipulation

- Element Information
- Text content extraction
- HTML structure analysis
- Attribute and property access
- Element counting and visibility check
- Position and style computation
- Element Interactions
- Click operations
- Text input
- Scrolling (element, page top/bottom, custom position)
- Hover simulation
- Form submission
- File upload
- Keyboard shortcuts
- Dialog management (accept/dismiss/prompt)

🔄 API & System

- REST API request handling
- System resource monitoring

🔑 SSH Connection

- Connect to a remote server via SSH (persistent connection)
- Execute commands on a remote SSH server
- Disconnect from a remote SSH server

Installation

Prerequisites

- Node.js runtime (v18 or higher)

Setup

Since this server has more than 40 tools, it's recommended to use MCP HUB MCP Server

{
  "mcpServers": {
    "developer-tools-mcp": {
      "command": "npx -y developer-tools-mcp"
    }
  }
}

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Details

Jump to

Setting up with Highlight

From the repository

Claude Desktop / Cursor

McpServers

Developer Tools MCP

✨ Features

🌐 Browser Automation

📸 Media & Documents

🍪 Cookie Management

📱 View Modes

🔍 Debugging Tools

📊 Analysis & Testing

🔧 Element Manipulation

🔄 API & System

🔑 SSH Connection

Installation

Prerequisites

Setup

Contributing

License

Install

More like this

Sentry

Github

Git

GitLab

Context 7

Playwright