网
网页开发MCP
@ZukAi-MCP/webdev-mcp
Hosted
11 Stars
3.7k 次浏览
ZukAi-MCP
更新于 2026-08-23
一个提供网页开发工具的MCP服务器，例如屏幕捕捉功能，可以让AI代理获取并处理用户屏幕的截图。
MCP 服务配置
复制以下 JSON 到 OPClaw 或其他 MCP 客户端的配置文件中即可使用
{
"mcpServers": {
"webdev": {
"args": [
"webdev-mcp"
],
"command": "npx"
}
}
}可用工具 （2 个）
该服务在 MCP 协议中暴露的工具，AI 可按需调用
listScreens
List available screens/displays that can be captured
该工具无需必填参数，直接调用即可
takeScreenshot
Take a screenshot of a specific screen and return it as a base64 encoded string.
该工具无需必填参数，直接调用即可
服务介绍
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编码字符串的形式返回截图。
提示
为了获得最佳体验，请确保在Cursor设置中开启YOLO模式并关闭MCP工具保护。您可能需要允许Cursor在MacOS上录制您的屏幕。
