desarrollo web-mcp

Un servidor MCP que proporciona herramientas útiles de desarrollo web.

Uso

Cursor

• Para instalarlo en un proyecto, agregue el servidor MCP a su .cursor/mcp.json :

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

		}
	}
}

• Para instalarlo globalmente, agregue este comando a la configuración del cursor:

npx webdev-mcp

Windsurf

• Agregue el servidor MCP a su archivo ~/.codeium/windsurf/mcp_config.json :

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

Related MCP server: PuppeteerMCP Server

Herramientas

Actualmente, las únicas dos herramientas disponibles son takeScreenshot y listScreens . Su agente puede usar la herramienta "Listar pantallas" para obtener el ID de la pantalla que desea capturar.

La herramienta devolverá la captura de pantalla como una cadena codificada en base64.

Consejos

Asegúrate de que el modo YOLO esté activado y la protección de las herramientas MCP desactivada en la configuración del cursor para disfrutar de la mejor experiencia. Es posible que tengas que permitir que el cursor grabe tu pantalla en macOS.