webdev-mcp

MCP-сервер, предоставляющий полезные инструменты для веб-разработки.

Использование

Курсор

• Для установки в проект добавьте сервер MCP в ваш .cursor/mcp.json :

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

		}
	}
}

• Для глобальной установки добавьте эту команду в настройки курсора:

npx webdev-mcp

Виндсерфинг

• Добавьте сервер MCP в файл ~/.codeium/windsurf/mcp_config.json :

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

Related MCP server: PuppeteerMCP Server

Инструменты

В настоящее время доступны только 2 инструмента: takeScreenshot и listScreens . Ваш агент может использовать инструмент list screens, чтобы получить идентификатор экрана, скриншот которого он хочет сделать.

Инструмент вернет снимок экрана в виде строки, закодированной в base64.

Советы

Убедитесь, что режим YOLO включен, а защита инструментов MCP отключена в настройках курсора для наилучшего опыта. Возможно, вам придется разрешить курсору записывать ваш экран на MacOS.