Novità della versione 4.0

Un editor ridisegnato, una riga di comando per gli agenti di programmazione, i profili e il pannello laterale.

Un editor ridisegnato

Ricostruito da zero, ora con la modalità scura.

  • Controlli raggruppati che mostrano i valori della pagina stessa
  • Selettori generati meglio, che continuano a funzionare quando un sito si aggiorna, con alternative tra cui scegliere
  • Indica quando un’altra regola sovrascrive un valore
  • Tavolozze di colori e contagocce
  • Anteprima di un colore o di un carattere sulla pagina passandoci sopra il mouse
  • Modifica sul posto qualsiasi altra proprietà CSS in Altre proprietà
  • Annulla le modifiche
La scheda Di base ridisegnata, mentre personalizza Hacker News con un profilo NewspaperLa scheda Di base ridisegnata, mentre personalizza Hacker News con un profilo Newspaper

Stylebot dal terminale

Controlla Stylebot dalla riga di comando, oppure lascia che lo faccia un agente di programmazione come Claude Code, Codex o Cursor. L’agente personalizza i siti direttamente nel tuo browser, usando il tuo abbonamento invece di una chiave API.

$ npm install -g @stylebot/cli
Configura la CLI →

Per Chrome o Edge. La riga di comando non funziona ancora su Firefox.


Il popup su un sito con due profili, Dracula e GruvboxIl popup su un sito con due profili, Dracula e Gruvbox

Profili

Tieni più aspetti per un sito e passa dall’uno all’altro dall’editor o dal popup.

Il menu dell’editor, con Posizione impostata sul pannello lateraleIl menu dell’editor, con Posizione impostata sul pannello laterale

Il pannello laterale, o una finestra tutta sua

In Chrome ed Edge l’editor si apre nel pannello laterale. Oppure staccalo in una finestra a sé, da Posizione nel menu ⋯ dell’editor.

Cronologia versioni nelle Opzioni, dalla modifica più recenteCronologia versioni nelle Opzioni, dalla modifica più recente

Cronologia versioni

Ogni modifica viene conservata e puoi ripristinare qualsiasi versione precedente.

Opzioni, connesso a Google Drive e sincronizzatoOpzioni, connesso a Google Drive e sincronizzato

Sincronizzazione

La sincronizzazione con Google Drive è più affidabile. Le modifiche fatte su computer diversi vengono unite, così non se ne perde nessuna. Parte da sola ogni 30 minuti e subito dopo ogni modifica.

La scheda Chat che suggerisce stili per la pagina: Accogliente, Calmo e Solo i link a coloriLa scheda Chat che suggerisce stili per la pagina: Accogliente, Calmo e Solo i link a colori

Chat

Niente agente di programmazione? Descrivi cosa vuoi, o scegli uno stile suggerito, e Stylebot scrive il CSS. Usa la tua chiave di Claude, OpenAI o Gemini.

E altro ancora

  • Un nuovo stylebot.dev
  • Una nuova icona per Stylebot
  • Ora gli stili si applicano anche dentro lo shadow DOM, quindi funzionano sui siti creati con i web component
  • Le scorciatoie di Stylebot ora si trovano nelle impostazioni delle scorciatoie del browser. In Chrome ed Edge, quelle che avevi cambiato sono tornate ai valori predefiniti: reimpostale lì.
  • Stylebot ora è disponibile in vietnamita

E tante correzioni di bug