etsd-tech/mcp-pointer — MCP tool: let you point at DOM elements for your favori

👆 MCP Pointer

Point to browser DOM elements for agentic coding tools via MCP!

MCP Pointer is a local tool combining an MCP Server with a Chrome Extension:

🖥️ MCP Server (Node.js package) - Bridges between the browser and AI tools via the Model Context Protocol
🌐 Chrome Extension - Captures DOM element selections in the browser using Option+Click

The extension lets you visually select DOM elements in the browser, and the MCP server makes this textual context available to agentic coding tools like Claude Code, Cursor, and Windsurf through standardized MCP tools.

✨ Features

🎯 Option+Click Selection - Simply hold Option (Alt on Windows) and click any element
📋 Complete Element Data - Text content, CSS classes, HTML attributes, positioning, and styling
💡 Dynamic Context Control - Request visible-only text, suppress text entirely, or dial CSS detail from none → full computed styles per MCP call
⚛️ React Component Detection - Component names and source files via Fiber (experimental)
🔗 WebSocket Connection - Real-time communication between browser and AI tools
🤖 MCP Compatible - Works with Claude Code and other MCP-enabled AI tools

mcp-pointer

Quick Overview

Scores

Trust Score

Maintenance

Popularity

Star History

Snapshot Versions

Alternatives

claude-mem

learn-claude-code

cherry-studio

CowAgent

nanobot

awesome-claude-code

Community Reviews

README

👆 MCP Pointer

✨ Features

🎬 Usage example (video)