How do I connect Web Developer MCP Server to Claude?

The listing records `claude mcp add -s user web-developer-mcp npx web-developer-mcp@latest` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Claude Code, Cursor as compatible clients.

Is Web Developer MCP Server free?

The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.

What can Web Developer MCP Server do?

Web Developer MCP Server documents 13 tools to the agent, including browser-console, browser-navigate, browser-reload. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.

Web Developer MCP

Unclaimed

by Artmann

A Model Context Protocol (MCP) server that provides web development tools for AI assistants. Enables browser automation, DOM inspection, network monitoring, and console analysis through Playwright.

Install

$claude mcp add -s user web-developer-mcp npx web-developer-mcp@latest

Set up this server

Compare servers My Stack

This server needs project-specific setup. Follow the project instructions; no reusable public launch command is available yet.

Project instructions

browser-automationclaudeclaude-codecursormcpmcp-servermodel-context-protocolplaywrightweb-developmenthacktoberfest

Is this your MCP server?

This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.

Claim this server

Security profile

Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works

13 of 13 tools

Documented tools (13)

From project documentation. A server handshake does not verify each tool’s description or behavior.

browser-console

Retrieve all console messages (logs, errors, warnings) from the current page.

browser-navigate

Navigate the browser to a specific URL and start monitoring the page.

browser-reload

Reload the current page and refresh console logs.

browser-screenshot

Capture a PNG screenshot of the current page for visual verification of

click-element

Click on an element (button, link, etc.) using a CSS selector.

extract-html

Extract raw HTML markup of elements for testing or analysis (similar to React

fill-input

Fill a form input field with text.

inspect-elements

Get detailed information about DOM elements including styles, position,

network-clear

Clear the network request buffer to start fresh monitoring.

network-inspect

Get detailed information about a specific network request including headers,

network-requests

List all network requests captured since page load with optional filtering.

press-key

Simulate keyboard input: a full key press (keydown+keyup), an isolated

submit-form

Submit a form element.

Tool change history

Compared across complete checks of the same configuration. Tools were listed, not invoked. Input-schema changes are not measured here.

No complete tool checks yet.

FAQ

Questions about Web Developer MCP Server

How do I connect Web Developer MCP Server to Claude?: The listing records `claude mcp add -s user web-developer-mcp npx web-developer-mcp@latest` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Claude Code, Cursor as compatible clients.
Is Web Developer MCP Server free?: The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
What can Web Developer MCP Server do?: Web Developer MCP Server documents 13 tools to the agent, including browser-console, browser-navigate, browser-reload. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.