AI Helper sam sprawdza błędy i buduje paski akcji
AI Helper to wbudowany w JustZix asystent, który pisze za Ciebie CSS i JavaScript. W jednej z ostatnich wersji dostał cztery nowe narzędzia: dzięki nim sam sprawdza, czy kod działa, i potrafi zbudować nie tylko reguły, ale też interaktywne paski akcji. W tym wpisie tłumaczę, co to zmienia w praktyce.
Problem: kod, który wygląda dobrze, ale nie działa
Model językowy potrafi napisać przekonujący fragment kodu, który mimo to wywala się na konkretnej stronie — zły selektor, literówka, błąd składni. Wcześniej AI Helper pokazywał taki kod, a wykrycie problemu spadało na Ciebie. Trzeba było wkleić, uruchomić, zobaczyć błąd i poprosić o poprawkę.
read_temp_pane — weryfikacja zanim zobaczysz wynik
Narzędzie read_temp_pane wpisuje wygenerowany kod do okna TEMP i sprawdza go. Dla JavaScriptu faktycznie go wykonuje i zwraca błąd synchroniczny albo potwierdzenie sukcesu; dla CSS sprawdza podstawową składnię. AI Helper robi to sam, w pętli, zanim w ogóle pokaże Ci propozycję.
read_console — czytanie błędów runtime
Drugie narzędzie, read_console, otwiera okno TEMP Output Console i czyta przechwycone wpisy console strony — w tym błędy, które pojawiają się dopiero po uruchomieniu kodu. Dzięki temu asystent widzi to samo, co zobaczyłbyś w DevTools, i może poprawić kod, zanim trafi do Ciebie.
create_bar i create_action — budowanie pasków akcji
Dwa kolejne narzędzia wychodzą poza CSS i JS. create_bar tworzy pasek akcji przypięty do folderu, grupy lub zestawu, a create_action dodaje do niego akcję: przycisk, listę wyboru, pole tekstowe, suwak, textarea albo przełącznik trójstanowy. Możesz więc poprosić „zrób pasek z suwakiem rozmiaru czcionki” i dostać gotowy, interaktywny panel — a nie tylko regułę.
Workflow: opisz, zaakceptuj, gotowe
Typowa rozmowa wygląda tak: opisujesz, co chcesz osiągnąć; AI Helper bada stronę, pisze kod, sam testuje go narzędziami read_temp_pane i read_console, w razie błędu poprawia, a na końcu pokazuje gotowy wynik. Utworzenie reguły, paska czy akcji wymaga osobnego potwierdzenia w wtyczce — nic nie trafia do biblioteki bez Twojej zgody.
Pełen kontekst w prompcie systemowym
Żeby asystent dobrze dobierał narzędzia, prompt systemowy dostał komplet wiedzy o modelu danych: sześć typów akcji z polami konfiguracji oraz wskazówki, kiedy lepiej użyć zestawu CSS/JS, a kiedy interaktywnego paska. To dlatego propozycje pasują do tego, jak naprawdę działa JustZix, a nie do ogólnego wyobrażenia o wtyczkach.
Korzyści
Mniej rund poprawek — kod, który widzisz, został już raz sprawdzony przez sam asystent. Asystent buduje interfejsy, nie tylko reguły — paski i przyciski powstają wprost w rozmowie. I wreszcie: zachowujesz pełną kontrolę, bo każdy zapis do biblioteki wymaga Twojego potwierdzenia.
AI Helpera konfigurujesz w ustawieniach, podając klucz API OpenAI, Anthropic albo Gemini — klucz zostaje na Twoim urządzeniu. Zainstaluj JustZix i opisz asystentowi pierwszą poprawkę.
Oceń ten wpis
★ 5.0 · 2 ocen