Novedades de la versión 4.0

Un editor rediseñado, una línea de comandos para agentes de programación, perfiles y un panel lateral.

Un editor rediseñado

Reconstruido desde cero, ahora con modo oscuro.

  • Controles agrupados que muestran los valores propios de la página
  • Mejor generación de selectores, con selectores que siguen funcionando cuando un sitio se actualiza y otros entre los que elegir
  • Indica cuándo otra regla anula un valor
  • Paletas de colores y un cuentagotas
  • Previsualiza un color o una fuente en la página al pasar el cursor por encima
  • Edita cualquier otra propiedad CSS en el sitio, en Más propiedades
  • Deshacer
La pestaña Básico rediseñada, dando estilo a Hacker News con un perfil NewspaperLa pestaña Básico rediseñada, dando estilo a Hacker News con un perfil Newspaper

Stylebot desde tu terminal

Controla Stylebot desde la línea de comandos, o deja que lo haga un agente de programación como Claude Code, Codex o Cursor. El agente cambia el estilo de los sitios directamente en tu navegador, con tu propia suscripción en lugar de una clave de API.

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

Para Chrome o Edge. La línea de comandos aún no funciona en Firefox.


La ventana emergente en un sitio con dos perfiles, Dracula y GruvboxLa ventana emergente en un sitio con dos perfiles, Dracula y Gruvbox

Perfiles

Guarda varios aspectos para un sitio y cambia entre ellos desde el editor o la ventana emergente.

El menú del editor, con Posición en el panel lateralEl menú del editor, con Posición en el panel lateral

El panel lateral, o su propia ventana

En Chrome y Edge, el editor se abre en el panel lateral. También puedes sacarlo a su propia ventana desde Posición, en el menú ⋯ del editor.

Historial de versiones en Opciones, con el cambio más reciente primeroHistorial de versiones en Opciones, con el cambio más reciente primero

Historial de versiones

Se guarda cada cambio, y puedes restaurar cualquier versión anterior.

Opciones, conectado a Google Drive y sincronizadoOpciones, conectado a Google Drive y sincronizado

Sincronización

La sincronización con Google Drive es más robusta. Los cambios de distintos equipos se combinan, así que no se pierde ninguno. Se ejecuta sola cada 30 minutos y justo después de que edites.

La pestaña Chat sugiriendo estilos para la página: Acogedor, Sereno y Solo los enlaces en colorLa pestaña Chat sugiriendo estilos para la página: Acogedor, Sereno y Solo los enlaces en color

Chat

¿Sin agente de programación? Describe lo que quieres, o elige un estilo sugerido, y Stylebot escribe el CSS. Usa tu propia clave de Claude, OpenAI o Gemini.

Y más

  • Un nuevo stylebot.dev
  • Un nuevo icono de Stylebot
  • Los estilos ahora se aplican dentro del shadow DOM, así que funcionan en sitios hechos con web components
  • Los atajos de Stylebot ahora están en los ajustes de atajos de tu navegador. En Chrome y Edge, los que habías cambiado vuelven a sus valores predeterminados, así que configúralos de nuevo ahí.
  • Stylebot ya está disponible en vietnamita

Y muchas correcciones de errores