Name: Web Developer MCP
Availability: InStock
Author: Artmann

What it does

This server provides AI assistants with direct browser access to debug web applications, analyze API behavior, and understand page behavior in real-time.

Tools

browser-navigate: Navigate to a specific URL and start monitoring.
browser-reload: Refresh the current page and logs.
click-element: Interact with buttons and links using CSS selectors.
fill-input: Enter text into form fields.
submit-form: Trigger form submissions.
browser-console: Retrieve logs, errors, and warnings from the browser console.
inspect-elements: Deep analysis of DOM elements, styles, and visibility.
extract-html: Get raw HTML markup for testing.
network-requests: List and filter captured HTTP requests.
network-inspect: Detailed view of request/response headers and bodies.
network-clear: Clear the network buffer.

Installation

Add this to your claude_desktop_config.json:

{
  "mcpServers": {
    "web-developer-mcp": {
      "command": "npx",
      "args": ["web-developer-mcp@latest"]
    }
  }
}

Supported hosts

Confirmed for Claude and Cursor.

Web Developer MCP

What it does

Tools

Installation

Supported hosts

Quick install

Information

Related Apps

Categories