Web Developer MCP

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.