Демо-страница для проверки пикера. Зажми Alt, наведи на любой блок — он подсветится. Кликни — данные улетят Claude.
Уникальный CSS-путь до элемента, breadcrumb родителей и имя React/Vue-компонента.
Computed styles, геометрия, позиция во вьюпорте — всё, что нужно для разговора о дизайне.
Alt+Shift+клик — прикрепи заметку: «этот отступ слишком большой», «сюда бы тень».
Пикер различает, на что именно ты показал. Зажми Alt над абзацем — оранжевым подсветится строка под курсором, и Claude получит её точный текст, номер строки и слово под курсором. Это удобно, когда в длинном абзаце нужно поправить одну фразу, а не весь блок целиком; подробнее в форме ниже.
Если нужна не строка, а фрагмент — выдели его мышью и сделай Alt+клик: уйдёт ровно выделенный текст. Если кликнул по абзацу, а имел в виду всю карточку, — покрути колесо с зажатым Alt, и выделение поднимется к родительскому блоку.
targetcontextsource