25% zniżki: 500 kredytów za jedyne $15
Back to blog
Claude4 min read

Podglądy w Claude Code: podgląd aplikacji na żywo, przegląd kodu i CI w tle na jednym pulpicie

Podglądy w Claude Code: podgląd aplikacji na żywo, przegląd kodu i CI w tle na jednym pulpicie

Anthropic wydał znaczącą aktualizację Claude Code na komputery. Główna funkcja to Podglądy: możliwość uruchomienia serwera deweloperskiego i zobaczenia działającej aplikacji webowej bezpośrednio w interfejsie Claude Code. Oprócz tego aktualizacja dodaje automatyczny przegląd kodu z komentarzami w liniach oraz monitorowanie w tle potoków CI na GitHub z możliwością automatycznej naprawy.

Podgląd aplikacji na żywo

Aplikacja desktopowa Claude Code może teraz uruchomić serwer deweloperski i renderować działającą aplikację w osadzonym panelu podglądu. Oznacza to, że programiści frontendu mogą obserwować aktualizacje aplikacji w czasie rzeczywistym, gdy Claude wprowadza zmiany, bez przełączania się do okna przeglądarki.

Podgląd to nie tylko statyczny iframe. Claude aktywnie monitoruje działający interfejs, czyta logi konsoli, wyłapuje błędy i automatycznie iteruje nad poprawkami. Jeśli komponent wyrzuci błąd w czasie wykonywania lub układ wizualny się zepsuje, Claude może wykryć problem i podjąć próbę naprawy w tej samej sesji.

Użytkownicy mogą również wybierać elementy wizualne bezpośrednio w podglądzie i przekazywać informacje zwrotne do Claude. Kliknij przycisk, który wygląda źle, opisz co chcesz zmienić, a Claude wprowadzi edycję. To zamyka pętlę zwrotną między "widzeniem problemu" a "naprawieniem problemu" w jedną interakcję.

Automatyczny przegląd kodu

Druga funkcja to przycisk "Przejrzyj kod", który pozwala Claude przeanalizować lokalne różnice przed wysłaniem. Claude przechodzi przez zmienione pliki i zostawia komentarze w liniach bezpośrednio w widoku różnic na pulpicie, podkreślając błędy, sugestie i potencjalne problemy.

Po zakończeniu przeglądu programiści mogą poprosić Claude o automatyczne zaadresowanie własnych komentarzy. Tworzy to pętlę samoprzeglądu: napisz kod, uzyskaj informację zwrotną, zastosuj poprawki. Wszystko bez opuszczania edytora. Dla samodzielnych programistów lub małych zespołów bez dedykowanego recenzenta dodaje to znaczącą kontrolę jakości, zanim kod trafi do zdalnego repozytorium.

Monitorowanie CI w tle i automatyczna naprawa

Dla projektów hostowanych na GitHub, Claude Code teraz śledzi status pull requestów, w tym wyniki sprawdzeń CI. Gdy potok CI zawiedzie, Claude może podjąć próbę automatycznego rozwiązania problemu. Włącz automatyczne scalanie, a Claude scali PR, gdy wszystkie sprawdzenia zakończą się pomyślnie.

Praktyczny przepływ pracy: otwórz PR, przejdź do innego zadania i pozwól Claude obsłużyć CI w tle. Zanim wrócisz, oryginalny PR jest gotowy do ostatecznego przeglądu lub już scalony. Jest to szczególnie przydatne w przypadku niestabilnych testów lub drobnych błędów lintingu, które nie wymagają ludzkiej oceny.

Ciągłość sesji

Aktualizacja poprawia również przenośność sesji. Uruchomienie /desktop przenosi pełny kontekst sesji terminalowej do aplikacji desktopowej. Przycisk "Kontynuuj z Claude Code w przeglądarce" przenosi lokalne sesje do chmury, pozwalając programistom zacząć na komputerze i kontynuować później z przeglądarki lub urządzenia mobilnego.

Ta ciągłość ma znaczenie, ponieważ sesje kodowania gromadzą kontekst. Możliwość przenoszenia sesji między urządzeniami bez utraty tego kontekstu oznacza, że praca nie utknęła na jednej maszynie.

Co to zmienia dla programowania frontendu

Funkcja podglądu konkretnie adresuje długotrwały punkt tarcia w asystentach kodowania AI i pracy frontendowej. Do tej pory wizualne programowanie UI z Claude Code wymagało ręcznych cykli informacji zwrotnej: wprowadź zmianę, przejdź do przeglądarki, sprawdź wynik, opisz problem tekstem, wróć z powrotem. Każda runda dodawała opóźnienie i wymagała od programisty tłumaczenia problemów wizualnych na język.

Z podglądem na żywo Claude może widzieć to, co widzi programista. Pętla zwrotna kurczy się z minut do sekund. W połączeniu z możliwością klikania elementów i opisywania problemów w kontekście, sprawia to, że programowanie frontendowe wspomagane AI staje się znacznie bardziej praktyczne niż przepływ pracy tylko z terminala.

Szerszy wzorzec

Ta aktualizacja wpisuje się w szerszy trend narzędzi do programowania wspomaganego AI: stopniowe wchłanianie kolejnych etapów przepływu pracy. Agenci kodujący zaczęli od edycji plików. Potem nauczyli się uruchamiać testy. Potem commitować i pushować. Teraz wyświetlają podgląd interfejsów, przeglądają różnice, monitorują CI i scalają PR-y. Każdy krok zmniejsza powierzchnię zadań wymagających ręcznej interwencji programisty.

Pytanie nie brzmi już, czy AI potrafi pisać kod. Pytanie brzmi, czy AI może przejąć pełny cykl życia zmiany, od pierwszej edycji do scalonego pull requesta, z programistą pełniącym rolę recenzenta, a nie operatora. Funkcje takie jak Podglądy znacząco przesuwają się w tym kierunku.

Related Articles