Pomoc AI przy określaniu stylu

Matthias Rohmer
Matthias Rohmer

Użyj panelu Pomoc AI, aby dowiedzieć się więcej o ogólnym układzie witryny, stylach poszczególnych elementów i uzyskać poprawki błędów w kodzie CSS wygenerowane przez AI.

Otwórz panel „Pomoc AI”

Otworzy się panel Pomoc AI w szufladzie.

Panel pomocy AI otwarty w stanie domyślnym.

W panelu Elementy

Aby otworzyć pomoc AI w panelu Elementy, podczas sprawdzania węzła DOM kliknij węzeł prawym przyciskiem myszy i wybierz opcję Zapytaj AI.

Menu kontekstowe elementu z wyróżnionym elementem „Zapytaj AI”.

Gdy otworzysz pomoc AI w taki sposób, zbadany element DOM jest już wybrany jako element kontekstu rozmowy.

Możesz też kliknąć przycisk pływający przypisaną do kursora węzła DOM.

Pływający przycisk dołączony do węzła DOM.

W menu poleceń

Aby otworzyć pomoc AI w menu poleceń, wpisz AI, a potem uruchom polecenie Pokaż pomoc AI, które ma plakietkę Drawer.

Otwarte menu poleceń z wyróżnionym elementem „Pokaż pomoc AI”.

W menu „Więcej narzędzi”

Możesz też w prawym górnym rogu kliknąć Więcej opcji > Więcej narzędzi > Asystent AI.

Otwarte menu Więcej narzędzi

kontekst rozmowy;

Czaty z pomocą AI zawsze odnoszą się do aktualnie sprawdzanego elementu, czyli ostatniego elementu wybranego w drzewie DOM w panelu Elementy. W lewym dolnym rogu panelu znajduje się odniesienie do tego elementu.

Panel pomocy AI z wyróżnionym elementem kontekstu

Zmień kontekst za pomocą przycisku selektora elementów obok bieżącego elementu lub wybierając element w strukturze DOM w panelu Elementy.

Chociaż obecnie sprawdzany element jest podstawą rozmowy, pomoc AI ma dostęp do wszystkich interfejsów API, aby zbierać więcej informacji ze sprawdzanej strony. Obejmuje to wysyłanie zapytań do innych elementów za pomocą funkcji document.querySelector lub ocenianie obliczonych stylów.

Prompting

Gdy rozpoczynasz nową rozmowę, asystent AI do stylizacji oferuje prompty z przykładami, które pomogą Ci szybko rozpocząć pracę.

Panel pomocy AI z wyróżnionymi przykładowymi promptami

Kliknij dowolny prompt, aby wstępnie wypełnić pole prompta na dole panelu.

Możesz też wpisać własny prompt lub pytanie w polu tekstowym.

Aby wysłać prompt, naciśnij Enter lub kliknij strzałkę po prawej stronie pola tekstowego.

.

Przebieg rozmowy

Wysłanie promptu uruchamia rozmowę z pracownikiem obsługi klienta. Aby uzyskać informacje potrzebne do udzielenia odpowiedzi na prompt, agent generuje i wykonuje kod JavaScript, który wywołuje interfejsy API sieci Web. Postęp agenta jest wyświetlany w krokach. Stan początkowego kroku to Investigating….

Panel pomocy AI po rozpoczęciu rozmowy.

Etykieta kroku jest aktualizowana, gdy pracownik obsługi klienta wykonuje konkretne działania, aby rozwiązać Twój problem.

Gdy pracownik obsługi klienta uzyska ostateczną odpowiedź, wyświetli się ona pod krokami dochodzenia, w tym sugestie dotyczące dalszych działań.

Panel pomocy AI z odpowiedzią podaną przez AI.

Aby kontynuować rozmowę, kliknij dowolny z podanych promptów. Kliknij .

kroku analizy, aby lepiej zrozumieć, co sztuczna inteligencja zrobiła w tle.

Panel pomocy AI z rozwiniętym krokiem rozmowy.

Po rozwinięciu elementu postępu zobaczysz kod wykonany przez agenta wraz z wartością zwracaną. Skopiuj wykonany kod, aby użyć go w innym celu, np. do wykonania w panelu konsoli.

Wstrzymane rozmowy

Pomoc AI może wygenerować kod z efektami ubocznymi. W takim przypadku rozmowa jest wstrzymywana przed wykonaniem kodu.

Panel pomocy AI z wstrzymaną rozmową.

Gdy rozmowa zostanie wstrzymana, sprawdź kod zaproponowany przez pracownika obsługi klienta. Kliknij Dalej, aby kontynuować, lub Anuluj, aby zapobiec wykonaniu.

Brak odpowiedzi

Asystent AI może nie udzielić odpowiedzi z różnych powodów.

Panel pomocy AI z odmową rozmowy

Jeśli uważasz, że prompt jest czymś, o czym asystent AI powinien móc rozmawiać, zgłoś błąd.

Historia rozmowy

Gdy rozpoczniesz rozmowę, każda kolejna odpowiedź będzie oparta na poprzednich interakcjach między Tobą a AI.

Aby zarządzać historią rozmów, użyj elementów sterujących w lewym górnym rogu panelu.

Panel pomocy AI z wyróżnionymi elementami sterowania historią.

Rozpocznij nowy

Aby rozpocząć nową rozmowę z obecnie wybranym kontekstem rozmowy, kliknij przycisk .

Dalej

Aby kontynuować poprzednią rozmowę, kliknij przycisk w menu kontekstowym.

Usuń

Aby usunąć rozmowę z historii, kliknij przycisk .

Ocenianie odpowiedzi i udzielanie opinii

Asystent AI to funkcja eksperymentalna. Dlatego chętnie poznamy Twoją opinię, abyśmy mogli poprawić jakość odpowiedzi i ogólne wrażenia.

Panel pomocy AI z podświetlonymi elementami sterowania oceną.

Odpowiedzi na pytania

Oceń odpowiedź, klikając Lubię i Nie lubię przyciski pod odpowiedzią.

Zgłaszanie odpowiedzi

Aby zgłosić nieodpowiednie treści, kliknij przycisk obok przycisków głosowania.