Pointer

概要

Empower your favorite agentic coding tools like Claude Code, Cursor, and Windsurf by providing them with real-time, visual context from your browser. Pointer is a local tool combining a Node.js server with a Chrome Extension, enabling you to select any DOM element with an `Option+Click`. This selection captures comprehensive textual context, including HTML structure, CSS properties, and even experimental React component information, making it accessible to AI for enhanced analysis and development workflows.

主な機能

• `Option+Click` selection for any DOM element
• Captures complete element data including text, CSS, HTML attributes, and positioning
• Detects React component names and source files via Fiber (experimental)
• Enables real-time WebSocket communication between the browser and AI tools
• Fully compatible with the Model Context Protocol (MCP) for agentic AI tools
• 4 GitHub stars

ユースケース

• Directing agentic AI tools to specific UI elements for focused code generation or analysis.
• Enabling AI to understand and debug frontend issues based on visually selected elements.
• Providing contextual information for AI-driven refactoring or feature implementation on existing web pages.