MCP Catalogs
首页

mcp-pointer vs filesystem

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

mcp-pointer
by etsd-tech
filesystem
by modelcontextprotocol
Stars★ 574★ 85,748
30天用量
综合分5077
官方
分类
开发者工具浏览器自动化AI / LLM 工具
本地文件系统开发者工具效率工具
实现语言TypeScriptTypeScript
最近提交6 个月前本月

mcp-pointer · 概述

MCP Pointer 通过浏览器选择和 MCP 协议,让 AI 助手能查看和分析特定的 DOM 元素。

filesystem · 概述

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

mcp-pointer · 使用场景

  • 使用 AI 编码助手分析特定的 UI 元素
  • 调试网页开发中的 CSS 和布局问题
  • 理解 React 应用程序中的组件结构

filesystem · 使用场景

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

mcp-pointer · 安装

安装步骤

  1. 安装 Chrome 扩展程序:

- 从 Chrome 商店安装:[从 Chrome 商店安装](https://chromewebstore.google.com/detail/mcp-pointer/jfhgaembhafbffidedhpkmnaajdfeiok) - 或从发布版本手动安装

  1. 配置 MCP 服务器:
npx -y @mcp-pointer/server config claude  # 或 cursor、windsurf、manual
  1. 重启您的 AI 编码工具以加载 MCP 连接。

Claude Desktop 配置

添加到您的 claude_desktop_config.json 文件中:

{
  "mcpServers": {
    "mcp-pointer": {
      "command": "npx",
      "args": ["-y", "@mcp-pointer/server@latest", "start"]
    }
  }
}

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 公开数据自动生成,定期更新。