webdev-mcp

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

使用方法

Cursor

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

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

• 要全局安装，请在Cursor设置中添加以下命令：

npx webdev-mcp

Windsurf

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

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

工具

目前只有两个工具：takeScreenshot 和 listScreens。你的代理可以使用listScreens工具来获取它想要截图的屏幕ID。

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

提示

确保在Cursor设置中开启YOLO模式并关闭MCP工具保护以获得最佳体验。在MacOS上，你可能需要允许Cursor记录你的屏幕。 </中文翻译>