# fefergrgrgrg
## 基本信息
- Slug: `fefergrgrgrg-webdev-mcp`
- Source: modelscope
- Publisher: @fefergrgrgrg/webdev-mcp
- Categories: developer-tools / image-and-video-processing / browser-automation
- Hosted: Yes
- License: MIT License
- Source URL: https://www.modelscope.cn/mcp/servers/@fefergrgrgrg/webdev-mcp
## 简介
暂无描述。
## MCP Server 详情

# webdev-mcp

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

## 使用方法

### Cursor

- 要在一个项目中安装，请将MCP服务器添加到您的`.cursor/mcp.json`文件中：

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


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

bash
npx webdev-mcp


### Windsurf

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

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


## 工具

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

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

![image.png](image.png)

## 提示

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