designer_pick
Select web elements, areas, or draw annotations on webpages to extract source code locations and screenshots for direct editing and verification.
Instructions
Activate the picker in the designer browser. Three modes: element — user clicks one element; returns { selector, tag, classes, text, html, rect, source, screenshot_path } area — user drags a marquee; returns { rect, elements: [{selector, source, rect, ...}], screenshot_path } draw — user ink-annotates with a red pen, Enter to finish; returns { strokes, viewport, screenshot_path (strokes only), viewport_screenshot_path (full view with drawings) } Esc cancels in any mode. screenshot_path / viewport_screenshot_path point to PNGs in /tmp; open with the Read tool.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| mode | No | element (default) = click one, area = drag marquee, draw = freeform pen |