mcp-pointer

MCP Pointer combines a local MCP Server with a Chrome Extension to facilitate seamless communication between the browser and various AI tools. Users can visually select DOM elements by holding 'Option' (or 'Alt' on Windows) and clicking on any element, which allows for easy access to detailed contextual information. The MCP server then makes this textual context available to agentic coding tools like Claude Code, Cursor, and Windsurf through the Model Context Protocol. With features such as complete element data retrieval, dynamic context control, and React component detection, MCP Pointer enhances the development experience by providing comprehensive information about selected elements. This enables developers to leverage AI tools more effectively, making the coding process more intuitive and efficient.

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