Claude Code Inspector

Stavo sviluppando una web app con Claude e mi sono ritrovato a fare la stessa cosa decine di volte: vedere qualcosa che non mi convinceva nel browser, tornare al terminale, descrivere l’elemento a Claude Code dirgli cosa cambiare, aspettare, tornare al browser, vedere il risultato.

Ho pensato: e se potessi saltare tutto questo?

Ho costruito un’estensione Chrome che fa esattamente questo. Clicco su un elemento nella pagina, un bottone, un titolo, un div qualsiasi, scrivo cosa voglio cambiare e l’estensione manda tutto a Claude Code: il selettore CSS, l’HTML del nodo, le dimensioni, gli stili. Claude modifica i file. Il browser si aggiorna.

Nessun copia-incolla. Nessun cambio di contesto. Una notifica quando ha finito.

Disclaimer scontato Claude ovviamente non ha solo sviluppato il codice di questa estensione e del bridge per farla dialogare con Claude Code ma ha anche scritto questo post

Video demo ed estensione qui https://github.com/nemone81/claude-code-inspector