Zanim zaczniesz
W tym przewodniku użyjemy przykładu Twitter, twitter-starter, do zbudowania funkcji: udostępniania wielkiego emoji z tekstem pod spodem. Opiszesz agentowi bezpośrednio, czego chcesz, będziesz śledzić jego pracę i przejrzysz gotowy wynik. Ten sam tok pracy możesz zastosować do innej funkcji lub błędu, który chcesz naprawić.
- Zainstaluj Panolayer, zaloguj się i otwórz przykład Twitter Clone. Jeśli nie masz jeszcze otwartego repozytorium, zobacz Instalacja i konfiguracja Panolayer.
- Użyj wbudowanego Panolayer Agent. Możesz też użyć dowolnego innego obsługiwanego agenta, którego najpierw trzeba zainstalować. Konfigurację opisano w Obsługiwane agenty.
Na koniec otrzymasz przejrzaną zmianę zapisaną w lokalnej historii Git. Wypchnięcie jej do zdalnego repozytorium to osobny krok.
Uruchom Panolayer Agent
- Otwórz Moje agenty na pasku bocznym.
- Kliknij przycisk + obok Monitor agentów, aby otworzyć menu agentów.
- W tym przewodniku wybierz Panolayer Agent.
Menu zawiera Panolayer Agent oraz agentów, których zainstalowano. Każdego z nich możesz użyć do naprawy błędu lub napisania kodu.
Panolayer Agent działa tak jak agenci kodujący, których już używasz. Poproś go o zbudowanie funkcji, naprawę błędu lub odpowiedź na pytanie o Twój kod. Wpisz prośbę w polu Rozmawiaj ze swoją bazą kodu lub zbuduj coś… i kontynuuj rozmowę w trakcie pracy.
Zaczynasz od zgłoszenia? W sekcji Zgłoszenia wybierz Napraw i wskaż Panolayer Agent. Panolayer przenosi kontekst zgłoszenia do zadania. W tym wariancie skorzystaj z przewodnika po pierwszym błędzie.
Powierz mu zadanie z jasnym wynikiem
Opisz, co jest nie tak lub co chcesz zbudować, co powinno się dziać, gdy zadziała, oraz wszystko, co agent powinien zachować. Podaj nazwę pliku lub funkcji, jeśli ją znasz.
W przykładzie z Twitterem użyj tego samego żądania, które pokazano na zrzucie ekranu:
add a new feature where you can share a giant emoji with text underneath
Wpisz swoje żądanie w polu wiadomości, a następnie kliknij strzałkę wysyłania.
Panolayer Agent może użyć mapy kodu, aby znaleźć odpowiednie funkcje i powiązania podczas pracy. Możesz odwołać się do zachowania, na którym ci zależy, nawet jeśli nie znasz każdej nazwy pliku.
Jeśli agent zada pytanie, odpowiedz na nie w tej samej rozmowie. Jeśli musisz zawęzić zadanie, podaj konkretny wynik, którego oczekujesz.
Śledź pracę bez rezygnacji z obszaru roboczego
Gdy Panolayer Agent rozpoczyna uruchomienie kodowania, jego postęp pojawia się w rozmowie. Praca nad kodem odbywa się w izolowanym drzewie roboczym Git: osobnej kopii roboczej, w której agent może edytować i testować kod, podczas gdy twój główny obszar roboczy pozostaje dostępny.
Obserwuj zadanie w rozmowie
Karta uruchomienia pokazuje zadanie i jego bieżącą aktywność, gdy agent buduje funkcję dużego emoji. Możesz śledzić postęp i widzieć pliki oraz polecenia, których używa podczas pracy.
Otwórz uruchomienie, aby zobaczyć szczegóły
Wybierz Otwórz po prawej stronie karty, aby zobaczyć aktywność uruchomienia. W Strumieniu wybierz aktywność, aby sprawdzić polecenie i jego dane wyjściowe w prawym panelu. Użyj Wróć do agenta, aby wrócić do rozmowy.
Sprawdź, kiedy uruchomienie jest zakończone
Gdy praca się zakończy, karta zmieni się na Uruchomienie subagenta zakończone. Baner Gotowe podsumowuje kontrole i liczbę zmienionych plików. Nadal możesz wybrać Otwórz, aby sprawdzić ukończone uruchomienie.
Możesz kontynuować pracę i wrócić do uruchomienia później. Użyj Monitoruj agentów, aby uzyskać przegląd, gdy pracuje więcej niż jeden agent. Kilku agentów może pracować w tym samym repozytorium w osobnych drzewach roboczych; przed scaleniem sprawdź, jak ich zmiany do siebie pasują.
Powiąż kontynuację z jej zadaniem. Gdy wysyłasz kontynuację, użyj odwołania do uruchomienia widocznego w rozmowie, aby było jasne, które zadanie masz na myśli.
Sprawdź wynik weryfikacji
Przejrzyj zmieniony kod wraz z wynikiem weryfikacji przed scaleniem. Pełny przewodnik po przeglądaniu zmian agenta znajdziesz w Przeglądanie zmian i commitowanie.
Gdy agent poprosi o scalenie, przeczytaj podsumowanie weryfikacji: Zaliczone reguły, Przebiegi weryfikacji i Zmienione pliki. Nowe błędy przejrzyj osobno od problemów, które istniały już wcześniej.
W tym przebiegu podsumowanie pokazuje 110 z 121 zaliczonych reguł, 1 przebieg weryfikacji i 16 zmienionych plików. Osobno wskazuje 11 wcześniej istniejących błędów i nie zgłasza żadnych nowych błędów, ostrzeżeń ani niesprawdzonych reguł. Twoje wartości będą zależeć od zadania.
Otwórz Szczegóły, aby zbadać wynik dokładniej. Opis pól podsumowania i statusów znajdziesz w Zrozumienie wyniku weryfikacji.
Sprawdź zachowanie w uruchomionej aplikacji, gdy zadanie tego wymaga. W tym przykładzie spróbuj utworzyć post z gigantycznym emoji i tekstem pod nim, a następnie sprawdź, czy zwykłe posty tekstowe nadal działają zgodnie z oczekiwaniami.
Merge when you’re ready
You decide what moves from the agent’s worktree into your branch. Choose Not now to keep reviewing. Once you’re satisfied with the changes and results, confirm the target branch and choose Merge into main for the Twitter sample.
The Merged into main confirmation shows a commit ID. This workflow records the change in local Git history, so you don’t need to commit that same change again.
Open Changes and find the commit in History. Check for unexpected uncommitted edits. If your repository has a remote and you want to share the commit, use Git → Push.
You’ve given an agent a task, followed its work, reviewed the result, and decided what reaches your branch.