← Все статьи

Туториалы

Постройте правило с AI Helper — пошаговое руководство

17 мая 2026 · автор JustZix Team

Вы знаете, чего хотите — «скрыть тот попап рассылки» — но не хотите копаться в DOM, писать селектор и гадать про !important. Копается AI Helper. Это конкретное руководство, клик за кликом, по построению одного реального правила: от запроса обычными словами до сохранённого правила, переживающего перезагрузки.

Перед началом

AI Helper нужен API-ключ от одного из трёх провайдеров — OpenAI, Anthropic или Gemini. Вы добавляете его один раз в Настройки → AI Helper; ключ живёт в chrome.storage.local и никогда не касается страницы. Если вы ещё этого не сделали, руководство по настройке проведёт по этому за две минуты. Для этого руководства мы предполагаем, что ключ уже на месте.

Цель

Возьмём распространённое раздражение: сайт, который через пару секунд после загрузки бросает в вас полноэкранное модальное окно рассылки. Мы хотим, чтобы оно исчезло — при каждом визите, автоматически. К концу у нас будет сохранённое правило, ограниченное этим одним доменом.

Шаг 1 — откройте AI Helper на странице

Перейдите на проблемный сайт и дождитесь появления попапа (чтобы элементы были в DOM). Затем откройте AI Helper с помощью Ctrl+Alt+\. Можно также использовать кнопку в виджете попапа или контекстное меню по правому клику — все три открывают одно и то же: плавающее, перетаскиваемое окно с изменяемым размером внутри страницы, привязанное к этой вкладке.

Шаг 2 — опишите цель

Напишите, чего хотите, обычными словами. Никаких селекторов, никакого жаргона:

Скрой попап рассылки, который появляется на этом сайте
через несколько секунд после загрузки страницы.

AI Helper не прыгает сразу к коду. Системный промпт навязывает процесс: уточнить детали → осмотреть страницу → протестировать в окне TEMP → попросить вас проверить → только потом сохранить. Так что первый ответ — обычно уточняющий вопрос — например, хотите ли вы также убрать тёмное затемнение за модальным окном или только сам блок модального окна. Ответьте на него; чем точнее вы будете, тем лучше селектор.

Шаг 3 — посмотрите, как он осматривает страницу

Получив достаточно для работы, AI Helper осматривает живую страницу. Вы увидите, как в разговоре появляются чипы вызова инструментов — каждый чип это одно действие, которое предприняла модель:

• query_page — она запускает CSS-селектор на странице и получает обратно совпадающие элементы плюс их HTML. Так она находит реальный контейнер модального окна.
• list_structure — она читает ваши существующие папки, группы и правила, так что знает, куда впишется новое правило, и избегает дублирования того, что у вас уже есть.

Модель получает текущий контекст страницы — URL, заголовок и HTML-фрагмент — так что она не гадает. Она сужает от широкого селектора до конкретного контейнера, который держит попап.

Шаг 4 — посмотрите, как код тестируется в окне TEMP

Вот часть, которая делает это надёжным. AI Helper не пишет код в сохранённое правило. Он вызывает open_temp_pane, чтобы открыть окно TEMP CSS — тот же вид внутривкладочного окна разработчика, которое вы открыли бы вручную — а затем set_temp_pane_code, чтобы поместить в него предложенный CSS. Вы смотрите, как код появляется, вживую, и страница реагирует в реальном времени:

/* Предложено AI Helper — показано в окне TEMP CSS */
.newsletter-modal,
.newsletter-modal__overlay {
  display: none !important;
}
html, body {
  overflow: auto !important;
}

Попап исчезает прямо у вас на глазах. Ничего ещё не сохранено — это песочница. Если селектор неверный, вы тоже видите это сразу и можете сказать AI Helper «затемнение всё ещё на месте» или «это ещё и футер скрыло». Он осматривает заново и подстраивается.

Шаг 5 — убедитесь, что это действительно сработало

Не торопитесь. Перезагрузите страницу, если хотите — окно TEMP сохраняется для вкладки. Проверьте, что:

• попап исчез;
• прокрутка страницы работает (попапы часто блокируют прокрутку body);
• ничего другого не сломалось — нет пропавших кнопок, нет схлопнувшегося макета.

Если что-то не так, продолжайте разговор. Этот обмен туда-сюда и есть смысл — вы настраиваете правило вместе, прежде чем оно вообще станет постоянным.

Шаг 6 — подтвердите, и правило создано

Довольны? Скажите AI Helper сохранить его. Он вызовет create_rule — и вот тут появляется отдельное, явное подтверждение. Расширение показывает вам точно, что оно собирается создать: имя правила, шаблон URL (оно предложит текущий домен, например https://example.com/*) и тело CSS. Ничего не записывается в вашу настройку, пока вы не нажмёте подтвердить.

Если правилу нужна новая папка или группа, чтобы в ней жить, это тоже отдельные подтверждения — create_folder и create_group запрашивают каждое само по себе. AI Helper никогда не может тихо перестроить вашу настройку.

Шаг 7 — готово

Нажмите подтвердить, и правило стало настоящим. Оно появляется в вашей иерархии папок/групп/правил, как любое сделанное вручную правило. Перезагрузите сайт: попап исчез, автоматически, при каждом будущем визите. Вы можете открыть правило позже в обычном редакторе, чтобы подправить CSS, изменить шаблон URL или отключить его.

Что вы на самом деле сделали

Вы описали цель одним предложением. AI Helper осмотрел страницу, нашёл правильный селектор, доказал, что он работает, в окне, которое вы могли видеть, и сохранил правило только после вашего «да». Весь цикл занял, может быть, две минуты — и вы ни разу не написали селектор и не открыли DevTools.

Смотри также

• AI Helper тестирует в окнах TEMP перед сохранением — почему модель «тестируй, затем подтверди» имеет значение.
• Как AI Helper осматривает страницу — более пристальный взгляд на инструменты осмотра страницы.
• Агентный процесс вызова инструментов — цикл до 8 шагов за чипами.

Скачайте JustZix — бесплатно, без аккаунта, Chrome 100+ (а также Edge, Brave, Opera, Vivaldi). Добавьте API-ключ и постройте своё первое правило, просто попросив о нём.