webdev-mcp

An MCP server that provides useful web development tools via MCP server.

Usage

Cursor

• To install in a project, add the MCP server to your .cursor/mcp.json:

{
	"mcpServers": {
		"webdev": {
			"command": "npx",
			"args": ["webdev-mcp"],

		}
	}
}

• To install globally, add this command to your Cursor settings:

npx webdev-mcp

Windsurf

• Add the MCP server to your ~/.codeium/windsurf/mcp_config.json file:

{
	"mcpServers": {
		"webdev": {
			"command": "npx",
			"args": ["webdev-mcp"]
		}
	}
}

Tools

Currently, the only tool is takeScreenshot.

The tool will return the screenshot as a base64 encoded string.

Tips

Make sure YOLO mode is on and MCP tools protection is off in your Cursor settings for the best experience.