Novidades da versão 4.0

Um editor redesenhado, uma linha de comando para agentes de programação, perfis e um painel lateral.

Um editor redesenhado

Refeito do zero, agora com modo escuro.

  • Controles agrupados que mostram os valores da própria página
  • Seletores melhores, que continuam funcionando quando o site é atualizado, e outros para escolher
  • Mostra quando outra regra sobrescreve um valor
  • Paletas de cores e conta-gotas
  • Passe o mouse sobre uma cor ou fonte para vê-la na página
  • Edite qualquer outra propriedade CSS ali mesmo, em Mais propriedades
  • Desfazer
A aba Básico redesenhada, estilizando o Hacker News com um perfil NewspaperA aba Básico redesenhada, estilizando o Hacker News com um perfil Newspaper

O Stylebot no seu terminal

Controle o Stylebot pela linha de comando ou deixe um agente de programação como o Claude Code, o Codex ou o Cursor fazer isso. O agente muda o estilo dos sites direto no seu navegador, usando a sua própria assinatura, sem chave de API.

$ npm install -g @stylebot/cli
Configurar a CLI →

Para Chrome ou Edge. A linha de comando ainda não funciona no Firefox.


O pop-up em um site com dois perfis, Dracula e GruvboxO pop-up em um site com dois perfis, Dracula e Gruvbox

Perfis

Guarde vários visuais para um site e alterne entre eles pelo editor ou pelo pop-up.

O menu do editor, com Posição definida como painel lateralO menu do editor, com Posição definida como painel lateral

O painel lateral, ou uma janela própria

No Chrome e no Edge, o editor abre no painel lateral. Ou abra-o em uma janela própria, em Posição no menu ⋯ do editor.

Histórico de versões nas Opções, com a alteração mais recente primeiroHistórico de versões nas Opções, com a alteração mais recente primeiro

Histórico de versões

Cada alteração fica salva, e você pode restaurar qualquer versão anterior.

Opções, conectado ao Google Drive e sincronizadoOpções, conectado ao Google Drive e sincronizado

Sincronização

A sincronização com o Google Drive está mais robusta. As edições de computadores diferentes são mescladas, então nenhuma se perde. Ela roda sozinha a cada 30 minutos e logo depois que você edita.

A aba Chat sugerindo visuais para a página: Aconchegante, Tranquilo e Só os links em corA aba Chat sugerindo visuais para a página: Aconchegante, Tranquilo e Só os links em cor

Chat

Não usa um agente de programação? Descreva o que você quer, ou escolha um visual sugerido, e o Stylebot escreve o CSS. Use sua própria chave do Claude, OpenAI ou Gemini.

E mais

  • Um novo stylebot.dev
  • Um novo ícone do Stylebot
  • Os estilos agora se aplicam dentro do shadow DOM, então funcionam em sites feitos com web components
  • Os atalhos do Stylebot agora ficam nas configurações de atalhos do navegador. No Chrome e no Edge, os que você tinha alterado voltaram ao padrão; defina-os de novo lá.
  • O Stylebot agora está disponível em vietnamita

E muitas correções de bugs