This Chrome extension streamlines the process of providing context to coding agents.

It allows users to interactively select elements on a webpage, describe desired changes, and then generate a prompt that includes the element's selector, text, classes, and for React and Vue development builds, its component and source file.

This eliminates the need for manual screenshots and detailed explanations, enabling agents to directly access and modify specific parts of the code.

The tool supports various annotation methods, including clicking elements, dragging across text, and defining regions with screenshots. Users can customize the level of detail in the prompt, marker colors, and other settings.

The extension also offers features like pausing animations, hiding markers, and reviewing/editing comments before copying the final prompt. It integrates with popular coding agents like Claude Code, Cursor, and Codex.

• Key Features:

• Click to select elements and describe changes.

• Automatic generation of prompts with selector, component, and source file information (for React/Vue).

• Support for screenshots of specific regions.

• Customizable detail levels and marker settings.

• Integration with AI coding assistants.

• Ability to pause animations and hide markers.

• Review and edit comments before copying.