← Wszystkie wpisy

Okna na froncie

Poznaj AI Helper — asystent AI wbudowany w JustZix

17 maja 2026 · autor JustZix Team

JustZix od zawsze chodziło o jedno: zmienianie wyglądu i zachowania stron bez otwierania DevTools. Dziś dodajemy do tego zadania partnera — AI Helpera, asystenta AI, który działa wewnątrz strony, czyta ją razem z Tobą i pomaga pisać CSS oraz JS, które ją naprawiają.

Czym jest AI Helper

AI Helper to pływające okno — to samo okno w stylu TEMP, które znasz już z paneli CSS i JS. Jest renderowane wewnątrz bieżącej strony, jedna instancja na kartę, a Ty możesz je przeciągać, zmieniać jego rozmiar i zamykać, kiedy chcesz. W tym oknie znajduje się czat: piszesz, model odpowiada, a rozmowa narasta jak w każdym innym narzędziu czatowym.

Różnica względem zwykłego chatbota w innej karcie polega na tym, że ten jest w stronie. Wie, gdzie jesteś. Może spojrzeć na DOM. I może wrzucić kod prosto do panelu TEMP, dzięki czemu widzisz efekt na żywo, na prawdziwej stronie, bez kopiowania czegokolwiek.

Jak go otworzyć

Trzy sposoby, wybierz ten, który pasuje Twoim dłoniom:

• Klawiatura: Ctrl+Alt+\ na dowolnej stronie.
• Widżet popup: kliknij ikonę JustZix, a następnie przycisk AI Helper.
• Menu kontekstowe: kliknij stronę prawym przyciskiem i wybierz AI Helper z menu Chrome.

Okno otwiera się tam, gdzie je ostatnio zostawiłeś. Zamknij je krzyżykiem w rogu — to pojedyncza instancja na kartę, więc nigdy nie skończysz z pięcioma oknami ułożonymi jedno na drugim.

Podłącz własny klucz API

JustZix nie hostuje modelu i nie odsprzedaje tokenów. Podłączasz własny klucz od dostawcy, któremu już ufasz. AI Helper obsługuje trzech:

Klucz wklejasz raz w Ustawienia → AI Helper, wybierasz domyślnego dostawcę i model. Lista modeli jest pobierana na żywo od dostawcy, więc zawsze widzisz to, czego Twoje konto faktycznie może użyć — a wybierak domyślnie ustawia najlepszy model. Jeśli zapiszesz więcej niż jeden klucz, możesz przełączać dostawcę bezpośrednio w oknie czatu. Pełny przewodnik znajdziesz w poradniku konfiguracji.

Okno czatu

Wszystko, czego potrzebujesz, mieści się w jednym panelu:

• Historia rozmowy — bieżący wątek Twoich wiadomości i odpowiedzi modelu.
• Wyczyść rozmowę — usuń wątek i zacznij od nowa, gdy zmieniasz zadanie.
• Wybieraki dostawcy i modelu — zmieniaj silniki w trakcie rozmowy, nie opuszczając strony.

Wygląda jak czat, bo nim jest. Nowością jest to, co model może zobaczyć i zrobić.

Już zna stronę

Za każdym razem, gdy wysyłasz wiadomość, AI Helper automatycznie dołącza kontekst bieżącej strony — adres URL, tytuł strony oraz fragment HTML strony. Niczego nie wklejasz. Zamiast więc opisywać „jest przyklejony nagłówek, który zachodzi na treść”, mówisz po prostu „napraw przyklejony nagłówek”, a model ma już coś konkretnego do pracy.

Gdy potrzebuje więcej szczegółów, może o nie poprosić na żądanie — zobacz wpis o narzędziach inspekcji strony.

Potrafi wykonać prawdziwą pracę, nie tylko rozmawiać

AI Helper to nie tylko generator kodu. Działa w przepływie agentowym: model może wywoływać narzędzia, badać stronę, otwierać okno TEMP CSS/JS, umieszczać w nim kod i — wyłącznie za Twoim wyraźnym potwierdzeniem — zapisać folder, grupę lub regułę do Twojej biblioteki JustZix.

Typowa sesja wygląda tak:

Ty:     Ukryj popup z newsletterem na tej stronie.
AI:     [query_page] bada kontener popupu
AI:     [open_temp_pane] + [set_temp_pane_code] wrzuca testowy CSS
AI:     "Sprawdź stronę — popup zniknął? Mam to zapisać?"
Ty:     Tak, zapisz.
AI:     [create_rule] (prosi o jedno wyraźne potwierdzenie)

Każde wywołanie narzędzia pojawia się jako „chip” w oknie, więc zawsze widzisz, czego model dotknął. Pętla wykonuje do 8 kroków na turę. Pełne wyjaśnienie znajdziesz w szczegółowym omówieniu wywoływania narzędzi.

Twoje klucze pozostają prywatne

Wywołania API przechodzą przez serwis roboczy działający w tle rozszerzenia, nigdy przez własny JavaScript strony. To znaczy, że Twój klucz nigdy nie trafia do kontekstu strony, a żądanie omija politykę bezpieczeństwa treści (CSP) strony. Klucze żyją w chrome.storage.local, a każdy klucz ma opcjonalny checkbox synchronizacji (domyślnie wyłączony). Model prywatności omawiamy szczerze we wpisie o kluczach i prywatności.

Dla kogo to jest

Jeśli już piszesz własny CSS, AI Helper to szybszy sposób na szkicowanie i testowanie selektorów względem upartej strony. Jeśli w ogóle nie piszesz CSS, to sposób na opisanie tego, czego chcesz, zwykłym językiem i otrzymanie działającej reguły. Tak czy inaczej nic nie zostaje zapisane bez kliknięcia potwierdzenia.

Zobacz też

• Konfiguracja AI Helpera — zdobywanie i wpisywanie klucza API
• Agentowy przepływ wywoływania narzędzi wyjaśniony
• Klucze API, prywatność i synchronizacja

AI Helper jest dostępny w bieżącej wersji JustZix — za darmo, bez konta, Chrome 100+ i przeglądarki oparte na Chromium. Pobierz rozszerzenie, dodaj klucz i naciśnij Ctrl+Alt+\ na dowolnej stronie, aby poznać swojego nowego asystenta.