MCP Catalogs
首页

webmcp-bridge vs filesystem

并排对比,帮你在这两个 MCP server 之间做选择。

webmcp-bridge
by holon-run
filesystem
by modelcontextprotocol
Stars★ 25★ 85,748
30天用量
综合分4477
官方
分类
浏览器自动化开发者工具网页抓取
本地文件系统开发者工具效率工具
实现语言TypeScriptTypeScript
最近提交1 个月前本月

webmcp-bridge · 概述

一个通过 Playwright 将本地 MCP 客户端连接到浏览器 WebMCP 工具的桥梁,支持原生和注入式适配器。

filesystem · 概述

功能丰富的文件系统操作 MCP 服务器,具有动态目录访问控制功能。

webmcp-bridge · 使用场景

  • 将本地 MCP 客户端连接到需要身份验证的网站上的浏览器专用 WebMCP 工具
  • 在同一个网页上实现人类-AI 协作,共享浏览器上下文
  • 通过适配器注入与不原生支持 WebMCP 的网站进行交互自动化

filesystem · 使用场景

  • 使 AI 模型能够读取和写入项目文件进行开发
  • 允许 Claude 或其他 MCP 客户端浏览和分析代码库
  • 为内容生成提供对特定目录的安全沙盒访问

webmcp-bridge · 安装

# 首先安装 Playwright 浏览器
npx playwright install

# 从 npm 安装
npm install -g @webmcp-bridge/local-mcp

# 直接运行
npx -y @webmcp-bridge/local-mcp --url https://board.holon.run --headless

# 或使用 uxc(推荐用于稳定快捷方式)
uxc link board-webmcp-ui "npx -y @webmcp-bridge/local-mcp --url https://board.holon.run --no-headless"

Claude Desktop 配置:

{
  "mcpServers": {
    "webmcp-bridge": {
      "command": "npx",
      "args": ["-y", "@webmcp-bridge/local-mcp", "--url", "https://board.holon.run"]
    }
  }
}

filesystem · 安装

安装

使用 NPX

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    }
  }
}

使用 Docker

{
  "mcpServers": {
    "filesystem": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "--mount", "type=bind,src=/path/to/allowed/dir,dst=/projects/allowed/dir",
        "mcp/filesystem",
        "/projects"
      ]
    }
  }
}

VS Code 扩展

点击 README 中的安装按钮直接在 VS Code 中安装。

对比内容由 README + GitHub 公开数据自动生成,定期更新。