25% di sconto: 500 crediti a solo $15
Back to blog
Claude4 min read

Anteprime per Claude Code: feedback live sulle app, code review e CI in background in un unico desktop

Anteprime per Claude Code: feedback live sulle app, code review e CI in background in un unico desktop

Anthropic ha rilasciato un aggiornamento significativo per Claude Code su desktop. La funzionalità principale è Previews: la possibilità di avviare un server di sviluppo e vedere un'applicazione web in esecuzione direttamente nell'interfaccia di Claude Code. Insieme a questa, l'aggiornamento aggiunge la revisione automatica del codice con commenti in linea e il monitoraggio in background delle pipeline CI di GitHub con funzionalità di correzione automatica.

Anteprime live delle app

L'app desktop di Claude Code può ora avviare un server di sviluppo e renderizzare l'applicazione in esecuzione in un pannello di anteprima integrato. Questo significa che gli sviluppatori frontend possono osservare l'aggiornamento della loro app in tempo reale mentre Claude apporta modifiche, senza dover passare alla finestra del browser.

L'anteprima non è un semplice iframe statico. Claude monitora attivamente l'interfaccia in esecuzione, legge i log della console, intercetta gli errori e lavora sulle correzioni automaticamente. Se un componente genera un errore di runtime o un layout si rompe visivamente, Claude può rilevare il problema e tentare una correzione nella stessa sessione.

Gli utenti possono anche selezionare elementi visivi direttamente nell'anteprima e inviare feedback a Claude. Cliccare su un pulsante che non sembra corretto, descrivere cosa si vuole cambiare, e Claude apporta la modifica. Questo chiude il ciclo di feedback tra "vedere il problema" e "risolvere il problema" in un'unica interazione.

Revisione automatica del codice

La seconda funzionalità è un pulsante "Review code" che consente a Claude di esaminare le diff locali prima del push. Claude analizza i file modificati e lascia commenti in linea direttamente nella vista diff del desktop, evidenziando bug, suggerimenti e potenziali problemi.

Una volta completata la revisione, gli sviluppatori possono chiedere a Claude di affrontare automaticamente i propri commenti. Questo crea un ciclo di auto-revisione: scrivere codice, ricevere feedback, applicare correzioni, tutto senza lasciare l'editor. Per sviluppatori individuali o piccoli team senza un revisore dedicato, questo aggiunge un controllo di qualità significativo prima che il codice raggiunga il repository remoto.

Monitoraggio CI in background e correzione automatica

Per i progetti ospitati su GitHub, Claude Code ora traccia lo stato delle pull request, inclusi i risultati dei check CI. Quando una pipeline CI fallisce, Claude può tentare di risolvere il problema automaticamente. Abilitando l'auto-merge, Claude farà il merge della PR una volta che tutti i check sono superati.

Il flusso di lavoro pratico: aprire una PR, passare a un'altra attività e lasciare che Claude gestisca la CI in background. Quando si torna, la PR originale è pronta per la revisione finale o già mergiata. Questo è particolarmente utile per test instabili o errori minori di linting che non richiedono giudizio umano.

Continuità della sessione

L'aggiornamento migliora anche la portabilità delle sessioni. Eseguire /desktop porta l'intero contesto di una sessione terminale nell'applicazione desktop. Un pulsante "Continue with Claude Code on the web" sposta le sessioni locali nel cloud, consentendo agli sviluppatori di iniziare su desktop e riprendere successivamente da un browser o dispositivo mobile.

Questa continuità è importante perché le sessioni di programmazione accumulano contesto. Poter spostare una sessione tra dispositivi senza perdere quel contesto significa che il lavoro non resta bloccato su una singola macchina.

Cosa cambia per lo sviluppo frontend

La funzionalità di anteprima affronta specificamente un punto di attrito di lunga data tra gli assistenti di programmazione AI e il lavoro frontend. Finora, lo sviluppo visivo dell'interfaccia con Claude Code richiedeva cicli di feedback manuali: apportare una modifica, passare al browser, ispezionare il risultato, descrivere il problema in testo, tornare indietro. Ogni andata e ritorno aggiungeva latenza e richiedeva allo sviluppatore di tradurre problemi visivi in linguaggio.

Con le anteprime live, Claude può vedere ciò che vede lo sviluppatore. Il ciclo di feedback si riduce da minuti a secondi. Combinato con la possibilità di cliccare sugli elementi e descrivere i problemi nel contesto, questo rende lo sviluppo frontend assistito dall'AI sostanzialmente più pratico rispetto al flusso di lavoro basato solo sul terminale.

Il quadro più ampio

Questo aggiornamento si inserisce in una tendenza più ampia negli strumenti di sviluppo assistiti dall'AI: l'assorbimento graduale dei passaggi adiacenti del flusso di lavoro. Gli agenti di programmazione hanno iniziato modificando file. Poi hanno imparato a eseguire test. Poi a committare e pushare. Ora visualizzano le interfacce in anteprima, revisionano le diff, monitorano la CI e mergiano le PR. Ogni passaggio riduce la superficie delle attività che richiedono intervento manuale dello sviluppatore.

La questione non è più se l'AI può scrivere codice. È se l'AI può gestire l'intero ciclo di vita di una modifica, dalla prima modifica alla pull request mergiata, con lo sviluppatore nel ruolo di revisore piuttosto che di operatore. Funzionalità come Previews procedono in modo significativo in quella direzione.

Related Articles