Что это такое?
Букмарклет для визуального выбора элементов на сайте и генерации промптов для AI-ассистентов.
Проект / JavaScript
oil-oil/selector: Selector — визуальный инструмент для подготовки промптов AI
Выделяй элементы на сайте и сразу получай готовый промпт для AI-ассистента вроде Claude или Cursor.
Инструмент для визуального выбора элементов на веб-страницах и генерации промптов для AI-кодинга. Устанавливается как закладка в браузере, работает полностью на клиенте.
Для кого это
Для фронтенд-разработчиков, дизайнеров и всех, кто работает с веб-интерфейсами и использует AI для генерации кода.
Проблема / задача
Когда нужно объяснить AI, какой именно элемент на странице изменить, приходится вручную описывать селекторы, теги и контекст — это долго и неточно.
Как это работает
Это букмарклет — маленькая JavaScript-программа, которая добавляется в закладки браузера. При клике она активирует режим выбора на любой странице: можно кликать по элементам, добавлять к ним текстовые инструкции, а затем скопировать структурированный промпт со всей метаинформацией (тег, селектор, текст, React-компонент). Всё работает локально, без отправки данных.
Что видно по README
Инструмент для визуального выбора элементов на веб-страницах и генерации промптов для AI-кодинга. Устанавливается как закладка в браузере, работает полностью на клиенте.
Ключевые возможности
Технологии
Интересный факт
Весь код упаковывается прямо в ссылку-закладку при установке — после этого инструмент работает даже без интернета.
С чего начать
- Перейдите на страницу установки
- Перетащите кнопку 'Selector' в панель закладок
- На любой странице кликните по закладке и начинайте выбирать элементы
Оценка GitRadar
Удобство
7/10
Свежесть
8/10
Перспектива
7/10
Монетизация
4/10
Общая оценка
7/10
Вердикт GitRadar
Стоит попробовать, если часто используете AI для фронтенд-задач. Экономит время на описании элементов, но требует ручной установки букмарклета.
Наблюдения по обновлениям
Проект скромный по активности (20 звёзд, 0 issues), но README подробный и есть работающий демо-сайт.
Что мы проверили
Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.
- Исходный репозиторий
- https://github.com/oil-oil/selector
- Официальный сайт
- https://oil-oil.github.io/selector/
- Создан на GitHub
- 31 марта 2026 г.
- Последнее обновление репо
- 31 марта 2026 г.
- Последняя проверка GitRadar
- 31 марта 2026 г.
- Изученные файлы
- README.md, index.html
FAQ
Для кого подходит?
Для фронтенд-разработчиков и дизайнеров, которые используют AI для генерации или модификации веб-кода.
Источники
- GitHub исходный код и активность
- Официальный сайт позиционирование и демо
- README описание, ссылки, стартовые материалы
Нужна помощь с oil-oil/selector?
Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.