Шаг 1 конвейера pinpoint (read-only) — найти по скриншоту УЖЕ существующие компонент/файл(ы) в проекте, file:line, без генерации нового (роль pinpoint). Use when вопрос «где этот экран в коде?»; какой это маршрут → $pinpoint-route, конкретный контрол → $pinpoint-control, логика до API → $pinpoint-trace.
Installs into .claude/skills of the current project.
Are you the author of Pinpoint Locate?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vitammiin-pinpoint-locate)
---
name: pinpoint-locate
description: Шаг 1 конвейера pinpoint (read-only) — найти по скриншоту УЖЕ существующие компонент/файл(ы) в проекте, file:line, без генерации нового (роль pinpoint). Use when вопрос «где этот экран в коде?»; какой это маршрут → $pinpoint-route, конкретный контрол → $pinpoint-control, логика до API → $pinpoint-trace.
---
# Задача: найти экран/компонент по скриншоту (pinpoint)
Найди в существующем коде экран со скриншота (см. `$ui-source-mapping`). Сначала подтверди, что это существующий проект; генерация нового UI — на `$screenshot-convert`.
Извлеки со скриншота **якоря**: видимый текст (заголовки, лейблы, плейсхолдеры, меню, тосты), иконки, тип блока, контекст маршрута. Ищи `rg` от самой редкой строки к частой; в мультиязычном проекте текст — **значение перевода**: грепни по локали → ключ → грепни ключ по компонентам (`$i18n`). Игнорируй `node_modules`; много совпадений — сузь по соседним якорям, ноль — проверь склейку строк/шаблоны/`data-testid`. Отдай привязку до **`file:line`** + фрагмент; неоднозначность — кандидаты с различием. **Только чтение** — ничего не создавай и не правь. Следующие шаги конвейера: маршрут — `$pinpoint-route`, контрол — `$pinpoint-control`, логика — `$pinpoint-trace`. Опирайся на `$ui-source-mapping`, `$screenshot-to-code`, `$frontend-architecture`, `$react`, `$nextjs`, `$i18n`.
