Neu in 4.0

Ein neu gestalteter Editor, eine Befehlszeile für Coding-Agenten, Profile und ein Seitenbereich.

Ein neu gestalteter Editor

Von Grund auf neu entwickelt, jetzt mit Dunkelmodus.

  • Gruppierte Steuerelemente, die die Werte der Seite anzeigen
  • Bessere Selektoren, die auch nach einem Update der Website funktionieren, mit Alternativen zur Auswahl
  • Zeigt an, wenn eine andere Regel einen Wert überschreibt
  • Farbpaletten und eine Pipette
  • Vorschau einer Farbe oder Schrift auf der Seite, wenn Sie darauf zeigen
  • Jede andere CSS-Eigenschaft direkt unter „Weitere Eigenschaften“ bearbeiten
  • Änderungen rückgängig machen
Der neu gestaltete Tab „Einfach“ beim Gestalten von Hacker News mit einem Newspaper-ProfilDer neu gestaltete Tab „Einfach“ beim Gestalten von Hacker News mit einem Newspaper-Profil

Stylebot im Terminal

Steuern Sie Stylebot über die Befehlszeile, oder überlassen Sie das einem Coding-Agenten wie Claude Code, Codex oder Cursor. Der Agent gestaltet Websites direkt in Ihrem Browser um – mit Ihrem eigenen Abo statt einem API-Schlüssel.

$ npm install -g @stylebot/cli
CLI einrichten →

Für Chrome oder Edge. Unter Firefox funktioniert die Befehlszeile noch nicht.


Das Popup auf einer Website mit zwei Profilen, Dracula und GruvboxDas Popup auf einer Website mit zwei Profilen, Dracula und Gruvbox

Profile

Legen Sie mehrere Looks für eine Website an und wechseln Sie im Editor oder im Popup zwischen ihnen.

Das Menü des Editors, mit „Position“ auf den Seitenbereich gesetztDas Menü des Editors, mit „Position“ auf den Seitenbereich gesetzt

Im Seitenbereich oder im eigenen Fenster

In Chrome und Edge öffnet sich der Editor im Seitenbereich. Oder lösen Sie ihn in ein eigenes Fenster heraus, über Position im Menü ⋯ des Editors.

Versionsverlauf in den Optionen, neueste Änderung zuerstVersionsverlauf in den Optionen, neueste Änderung zuerst

Versionsverlauf

Jede Änderung bleibt erhalten, und Sie können jede frühere Version wiederherstellen.

Optionen, mit Google Drive verbunden und synchronisiertOptionen, mit Google Drive verbunden und synchronisiert

Synchronisierung

Die Google Drive-Synchronisierung ist robuster. Änderungen von verschiedenen Computern werden zusammengeführt, sodass keine verloren geht. Sie läuft automatisch alle 30 Minuten und direkt nach jeder Änderung.

Der Chat-Tab schlägt Looks für die Seite vor: „Gemütlich“, „Ruhig“ und „Nur Links in Farbe“Der Chat-Tab schlägt Looks für die Seite vor: „Gemütlich“, „Ruhig“ und „Nur Links in Farbe“

Chat

Kein Coding-Agent? Beschreiben Sie, was Sie möchten, oder wählen Sie einen vorgeschlagenen Look, und Stylebot schreibt das CSS. Mit Ihrem eigenen Schlüssel für Claude, OpenAI oder Gemini.

Und mehr

  • Ein neues stylebot.dev
  • Ein neues Stylebot-Symbol
  • Stile greifen jetzt auch im Shadow DOM und funktionieren so auf Websites mit Web Components
  • Die Tastenkombinationen von Stylebot befinden sich jetzt in den Tastenkombinations-Einstellungen Ihres Browsers. In Chrome und Edge sind von Ihnen geänderte Tastenkombinationen wieder auf den Standard zurückgesetzt; legen Sie sie dort neu fest.
  • Stylebot gibt es jetzt auf Vietnamesisch

Und viele Fehlerbehebungen