Back to Agents
mcp-pointer
etsd-tech September 1, 2025
571 copies 0 downloads
MCP tool: let you point at DOM elements for your favorite agentic coding tool. Let AI see what you see.
Agent Definition
<img width="1440" height="480" alt="MCP Pointer banner" src="https://github.com/user-attachments/assets/a36d2666-e848-4a80-97b3-466897b244f7" /> [](https://github.com/etsd-tech/mcp-pointer/actions/workflows/ci.yml) [](https://github.com/etsd-tech/mcp-pointer/actions/workflows/release.yml) [](https://www.npmjs.com/package/@mcp-pointer/server) [](https://github.com/etsd-tech/mcp-pointer/releases) [](https://github.com/etsd-tech/mcp-pointer/blob/main/LICENSE) # 👆 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: 1. **🖥️ MCP Server** (Node.js package) - Bridges between the browser and AI tools via the Model Context Protocol 2. **🌐 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** - Compon
Comments
More Agents
View alldocumentation
Documentation & Onboarding Agent
Agent that generates comprehensive documentation, API references, architecture diagrams, and developer onboarding guides from existing code.
C
Communitydebugging
Cursor Bug Triage Agent
Agent configuration for systematic bug investigation that traces issues from error logs through the codebase to root cause with suggested fixes.
C
Communityapi
API Integration Agent
Agent for integrating third-party APIs including SDK setup, type generation, error handling, retry logic, and rate limit management.
C
Communitycoding
Cursor Agent Mode
Cursor's built-in autonomous coding agent that can make multi-file edits, run terminal commands, search the codebase, and iteratively build features with minimal human intervention.
C
Cursor Teamcloud
Cursor Background Agent
Cloud-based autonomous coding agent that runs in the background on remote sandboxed environments, handling complex multi-step tasks while you continue working.
C
Cursor Teamcomposer
Cursor Composer Agent
Cursor's multi-file editing agent within Composer mode that can create, edit, and delete files across your entire project in a single conversation.
C
Cursor Team