Novidades da 4.0

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

Um editor redesenhado

Reconstruído de raiz, agora com modo escuro.

  • Controlos agrupados que mostram os valores da própria página
  • Melhor geração de seletores, com seletores que continuam a funcionar quando um site é atualizado e outros à escolha
  • Indica quando outra regra substitui um valor
  • Paletas de cores e conta-gotas
  • Pré-visualize uma cor ou um tipo de letra na página ao passar o cursor por cima
  • Edite qualquer outra propriedade CSS no próprio sítio, em Mais propriedades
  • Suporte para anular
O separador Básico redesenhado, a estilizar o Hacker News com um perfil NewspaperO separador Básico redesenhado, a estilizar o Hacker News com um perfil Newspaper

O Stylebot no seu terminal

Controle o Stylebot a partir da linha de comandos, ou deixe que um agente de programação como o Claude Code, o Codex ou o Cursor o faça. O agente altera o estilo dos sites diretamente no seu navegador, com a sua própria subscrição em vez de uma chave de API.

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

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


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

Perfis

Tenha vários aspetos para um site e alterne entre eles no editor ou no pop-up.

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

O painel lateral, ou uma janela própria

No Chrome e no Edge, o editor abre no painel lateral. Também pode destacá-lo para 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

Todas as alterações ficam guardadas e pode restaurar qualquer versão anterior.

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

Sincronização

A sincronização com o Google Drive está mais robusta. As alterações feitas em diferentes computadores são combinadas, para que nenhuma se perca. É executada automaticamente a cada 30 minutos e logo após cada edição.

O separador Chat a sugerir aspetos para a página: Acolhedor, Sereno e Só as ligações a coresO separador Chat a sugerir aspetos para a página: Acolhedor, Sereno e Só as ligações a cores

Chat

Não usa um agente de programação? Descreva o que quer, ou escolha um dos aspetos sugeridos, e o Stylebot escreve o CSS. Use a sua própria chave do Claude, OpenAI ou Gemini.

E mais

  • Um novo stylebot.dev
  • Um novo ícone do Stylebot
  • Os estilos aplicam-se agora dentro do shadow DOM, por isso funcionam em sites feitos com web components
  • Os atalhos do Stylebot estão agora nas definições de atalhos do navegador. No Chrome e no Edge, os que tinha alterado voltaram às predefinições, por isso volte a defini-los aí.
  • O Stylebot está agora disponível em vietnamita

E muitas correções de erros