Pointer MCP Server

Browser DOM element selection and data extraction for agentic coding workflows.

Data last scanned yesterday · Reviewed 3 weeks ago

341 tool★ 591TypeScriptMIT

Overview

Pointer MCP Server bridges the gap between web browsers and AI coding assistants by enabling DOM element selection directly within Chrome. By using an Option+Click combination, users capture detailed textual context, including CSS classes, HTML attributes, and positioning data, which is then served to MCP-compatible AI tools.

Our verdict

With a high-risk security score of 34/100, this tool is intended for advanced users who are comfortable with community-maintained software. The project has not been editorially reviewed, and the lack of a current security audit for read-only or OAuth capabilities necessitates a cautious approach to data handling. It is recommended only for development environments rather than sensitive production workflows.

Captures comprehensive CSS styling and attribute metadata
Provides real-time interaction via WebSocket connections
Includes experimental React Fiber component detection
Zero direct dependencies reduces supply-chain complexity

Security architecture has not undergone professional review
Last commit activity occurred over nine months ago
Lacks an official vendor maintainer for long-term support

Setup

Claude Desktop

{
  "mcpServers": {
    "mcp-pointer": {
      "args": [
        "-y",
        "mcp-pointer-monorepo"
      ],
      "command": "npx"
    }
  }
}

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows), then restart Claude Desktop. Some servers require API keys or tokens as environment variables — check the project's README and add an "env" object if needed.

No read-only mode — running this grants full read/write access.
No built-in authentication — anyone with access to this config can invoke every tool it exposes.

Tools

Tool	Description	Risk
get-pointed-element	Returns textual information about the currently pointed DOM element.	low

Compatibility

Client	Local	Docker	Remote	Read-only
ChatGPT
Claude Desktop
Cursor
VS Code
Windsurf

Frequently asked questions

›How do I select DOM elements to share with my AI tool?

You can select elements by holding the Option key (Alt on Windows) and clicking any element on a webpage after the Chrome extension is installed.

›Does the server require specific configuration for my coding tool?

Yes, you can run the command npx -y @mcp-pointer/server config followed by your tool name, such as claude, cursor, or windsurf, to automatically configure the connection.

›Can I customize the amount of detail retrieved from a selected element?

Yes, the get-pointed-element tool supports textDetail and cssLevel arguments to adjust how much text and styling information is returned.

›Which communication method does the server use?

The server uses a WebSocket connection on port 7007 to facilitate communication between your browser and the AI tools.

›Is it possible to install the Chrome extension manually?

Yes, you can install it manually by downloading the release zip file or building from source, then loading the extension via Chrome's Developer mode.