webdev-mcp

提供有用的 Web 开发工具的 MCP 服务器。

用法

光标

• 要在项目中安装，请将 MCP 服务器添加到.cursor/mcp.json ：

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

		}
	}
}

• 要全局安装，请将此命令添加到您的 Cursor 设置中：

npx webdev-mcp

风帆冲浪

• 将 MCP 服务器添加到您的~/.codeium/windsurf/mcp_config.json文件：

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

Related MCP server: PuppeteerMCP Server

工具

目前，只有两个工具： takeScreenshot和listScreens 。您的代理可以使用 list screens 工具来获取要截取的屏幕的 ID。

该工具将以 base64 编码字符串的形式返回屏幕截图。

尖端

为获得最佳体验，请确保在 Cursor 设置中启用 YOLO 模式并关闭 MCP 工具保护。在 MacOS 上，您可能需要允许 Cursor 录制您的屏幕。