← Wszystkie wpisy

Poradniki

Zbuduj regułę z AI Helperem — przewodnik krok po kroku

17 maja 2026 · autor JustZix Team

Wiesz, czego chcesz — „ukryj ten popup z newsletterem” — ale nie chcesz grzebać w DOM, pisać selektora i zgadywać przy !important. AI Helper grzebie za Ciebie. To konkretny przewodnik klik po kliku przez budowanie jednej prawdziwej reguły, od żądania zwykłym językiem do zapisanej reguły, która przetrwa przeładowania.

Zanim zaczniesz

AI Helper potrzebuje klucza API od jednego z trzech dostawców — OpenAI, Anthropic lub Gemini. Dodajesz go raz w Ustawienia → AI Helper; klucz żyje w chrome.storage.local i nigdy nie dotyka strony. Jeśli jeszcze tego nie zrobiłeś, poradnik konfiguracji przeprowadza przez to w dwie minuty. Na potrzeby tego przewodnika zakładamy, że klucz jest już na miejscu.

Cel

Wybierzemy częstą uciążliwość: strona, która rzuca w Ciebie pełnoekranowym oknem modalnym newslettera kilka sekund po załadowaniu strony. Chcemy, żeby zniknęło — przy każdej wizycie, automatycznie. Na koniec będziemy mieć zapisaną regułę o zakresie ograniczonym do tej jednej domeny.

Krok 1 — otwórz AI Helpera na stronie

Przejdź na uciążliwą stronę i poczekaj, aż popup się pojawi (żeby elementy były w DOM). Następnie otwórz AI Helpera za pomocą Ctrl+Alt+\. Możesz też użyć przycisku w widżecie popup lub menu kontekstowego prawego przycisku — wszystkie trzy otwierają to samo: pływające, przeciągalne okno o zmiennym rozmiarze wewnątrz strony, ograniczone do tej karty.

Krok 2 — opisz cel

Wpisz, czego chcesz, zwykłym językiem. Bez selektorów, bez żargonu:

Ukryj popup z newsletterem, ktory pojawia sie na tej stronie
kilka sekund po jej zaladowaniu.

AI Helper nie skacze prosto do kodu. Prompt systemowy wymusza przepływ: poproś o szczegóły → zbadaj stronę → przetestuj w oknie TEMP → poproś Cię o weryfikację → dopiero potem zapisz. Pierwsza odpowiedź to więc zwykle pytanie doprecyzowujące — na przykład, czy chcesz też usunąć ciemną nakładkę za oknem modalnym, czy tylko samo okienko modalne. Odpowiedz na nie; im bardziej jesteś precyzyjny, tym lepszy selektor.

Krok 3 — obserwuj, jak bada stronę

Gdy ma już dość, by ruszyć, AI Helper bada żywą stronę. Zobaczysz chipy wywołań narzędzi pojawiające się w rozmowie — każdy chip to jedna akcja, którą model wykonał:

• query_page — uruchamia selektor CSS względem strony i otrzymuje z powrotem pasujące elementy oraz ich HTML. Tak znajduje faktyczny kontener okna modalnego.
• list_structure — odczytuje Twoje istniejące foldery, grupy i reguły, więc wie, gdzie pasowałaby nowa reguła, i unika duplikowania czegoś, co już masz.

Model otrzymuje kontekst bieżącej strony — URL, tytuł i fragment HTML — więc nie zgaduje. Zawęża od szerokiego selektora do konkretnego kontenera, który mieści popup.

Krok 4 — zobacz kod przetestowany w oknie TEMP

Oto część, która sprawia, że można temu zaufać. AI Helper nie wpisuje kodu do zapisanej reguły. Wywołuje open_temp_pane, by otworzyć okno TEMP CSS — ten sam rodzaj deweloperskiego okna w karcie, które otworzyłbyś ręcznie — a następnie set_temp_pane_code, by wrzucić do niego proponowany CSS. Obserwujesz, jak kod pojawia się na żywo, a strona reaguje w czasie rzeczywistym:

/* Zaproponowane przez AI Helpera — pokazane w oknie TEMP CSS */
.newsletter-modal,
.newsletter-modal__overlay {
  display: none !important;
}
html, body {
  overflow: auto !important;
}

Popup znika na Twoich oczach. Nic jeszcze nie zostało zapisane — to piaskownica. Jeśli selektor jest błędny, też to widzisz natychmiast i możesz powiedzieć AI Helperowi „nakładka nadal tam jest” lub „to ukryło też stopkę”. Bada ponownie i koryguje.

Krok 5 — zweryfikuj, że faktycznie zadziałało

Poświęć chwilę. Przeładuj stronę, jeśli chcesz — okno TEMP utrzymuje się dla karty. Sprawdź, czy:

• popup zniknął;
• przewijanie strony działa (popupy często blokują przewijanie body);
• nic innego się nie zepsuło — żadnych brakujących przycisków, żadnego zwiniętego układu.

Jeśli coś jest nie tak, kontynuuj rozmowę. Ta wymiana zdań jest sednem — wspólnie dostrajacie regułę, zanim w ogóle stanie się trwała.

Krok 6 — potwierdź, a reguła zostaje utworzona

Zadowolony? Powiedz AI Helperowi, by ją zapisał. Wywoła create_rule — i tu pojawia się osobne, wyraźne potwierdzenie. Rozszerzenie pokazuje Ci dokładnie, co zamierza utworzyć: nazwę reguły, wzorzec URL (zasugeruje bieżącą domenę, np. https://example.com/*) oraz treść CSS. Nic nie zostaje zapisane do Twojej konfiguracji, dopóki nie klikniesz potwierdzenia.

Jeśli reguła potrzebuje nowego folderu lub grupy, w której będzie żyć, to też są osobne potwierdzenia — create_folder i create_group pytają każde z osobna. AI Helper nigdy nie może po cichu przebudować Twojej konfiguracji.

Krok 7 — gotowe

Kliknij potwierdzenie, a reguła staje się rzeczywista. Pojawia się w Twojej hierarchii folderów/grup/reguł jak każda ręcznie wykonana reguła. Przeładuj stronę: popup zniknął, automatycznie, przy każdej przyszłej wizycie. Możesz później otworzyć regułę w zwykłym edytorze, by poprawić CSS, zmienić wzorzec URL lub ją wyłączyć.

Co właściwie zrobiłeś

Opisałeś cel jednym zdaniem. AI Helper zbadał stronę, znalazł właściwy selektor, udowodnił, że działa, w oknie, które mogłeś zobaczyć, i zapisał regułę dopiero po Twoim „tak”. Cała pętla zajęła może dwie minuty — a Ty nigdy nie napisałeś selektora ani nie otworzyłeś DevTools.

Zobacz też

• AI Helper testuje w oknach TEMP przed zapisaniem — dlaczego model „przetestuj, potem potwierdź” ma znaczenie.
• Jak AI Helper bada stronę — bliższe spojrzenie na narzędzia inspekcji strony.
• Agentowy przepływ wywoływania narzędzi — pętla do 8 kroków stojąca za chipami.

Pobierz JustZix — za darmo, bez konta, Chrome 100+ (także Edge, Brave, Opera, Vivaldi). Dodaj klucz API i zbuduj swoją pierwszą regułę, po prostu o nią prosząc.