Claude Usage Bar Colorizer Browser-Erweiterung, erstellt mit Claude Code

✍️ OpenClawRadar📅 Veröffentlicht: 15. April 2026🔗 Source
Claude Usage Bar Colorizer Browser-Erweiterung, erstellt mit Claude Code
Ad

Ein Entwickler hat eine Browser-Erweiterung namens Claude Usage Bar Colorizer erstellt, die visuelle Indikatoren für Claudes Nutzungslimits bereitstellt. Die Erweiterung wurde mit Hilfe von Claude Code für die Entwicklung erstellt.

Was die Erweiterung macht

  • Färbt die Nutzungsbalken basierend auf dem aktuellen Prozentsatz von Grün über Gelb nach Rot um
  • Fügt ein Popup mit Live-Nutzungsdaten hinzu
  • Ermöglicht Nutzern, Grenzwerte und Farben anzupassen
  • Erlaubt Nutzern, einzelne Balken ein- oder auszuschalten

Implementierungsdetails

  • Läuft nur auf https://claude.ai/settings/usage
  • Keine Datenerfassung für Analysen
  • Keine externen Netzwerkanfragen
  • Liest nur die bereits auf der Seite sichtbaren Nutzungsprozentsätze
  • Einstellungen werden lokal im Browser-Sync-Speicher gespeichert

Die Rolle von Claude Code

Der Entwickler nutzte Claude Code für:

  • Die Logik des Content-Skripts zum Lesen und Umfärben der Balken
  • Die Popup-Benutzeroberfläche und den Einstellungsablauf
  • Die Eingrenzung der Berechtigungen, sodass die Erweiterung nur auf der Nutzungsseite läuft
  • Die Aufräumarbeiten des Projekts für die Veröffentlichung und die Einreichung im Store
Ad

Entwicklungserkenntnisse

Der Entwickler merkte an, dass er gelernt habe, die Berechtigungen von Browser-Erweiterungen eng zu halten und das Popup sauber zu aktualisieren, ohne Nutzereinstellungen zu beeinträchtigen.

Verfügbarkeit

📖 Read the full source: r/ClaudeAI

Ad

👀 Siehe auch

Tacit: Eine LLM-erste Programmiersprache, entwickelt mit Claude Code und Opus 4.7
Werkzeuge

Tacit: Eine LLM-erste Programmiersprache, entwickelt mit Claude Code und Opus 4.7

Tacit ist eine experimentelle, LLM-zentrierte Programmiersprache, die mit Claude Code und Opus 4.7 entwickelt und implementiert wurde. Sie entfernt menschliche Annehmlichkeiten, um die Token-Nutzung zu minimieren, und enthält eine Einführung, die mittleren und höheren LLMs (Sonnet und aufwärts) beibringt, Tacit-Code zu schreiben.

OpenClawRadar
Open-Source-Browser-Tool zum Testen von MCP-Server ohne Installation
Werkzeuge

Open-Source-Browser-Tool zum Testen von MCP-Server ohne Installation

Ein Open-Source-Webtool namens MCP Playground ermöglicht es Entwicklern, MCP-Server direkt in ihrem Browser mithilfe von WebContainers, einer WASM Node.js-Laufzeitumgebung, zu testen. Es kann npm-basierte MCP-Server lokal ohne Backend-Installation ausführen und über URL mit entfernten Servern verbinden.

OpenClawRadar
Zot Chrome Operator: Lassen Sie Ihren Terminal-KI-Agenten über das Seitenpanel den Browser steuern
Werkzeuge

Zot Chrome Operator: Lassen Sie Ihren Terminal-KI-Agenten über das Seitenpanel den Browser steuern

Eine Chrome-Erweiterung mit lokaler Brücke, die es zot, einem terminalbasierten KI-Codierungs-Assistenten, ermöglicht, Browser-Tabs über ein „browser_action“-Tool zu steuern. Installation in zwei Befehlen, keine Änderungen an zot erforderlich.

OpenClawRadar
Doc Harness: Eine Claude-Code-Fähigkeit zur Aufrechterhaltung des Projektzustands über Sitzungen hinweg
Werkzeuge

Doc Harness: Eine Claude-Code-Fähigkeit zur Aufrechterhaltung des Projektzustands über Sitzungen hinweg

Doc Harness ist eine Claude Code-Fähigkeit, die ein leichtgewichtiges Dokumentationssystem mit fünf strukturierten Dateien erstellt, um KI-Agenten dabei zu helfen, den Projektkontext über Sitzungen hinweg aufrechtzuerhalten. Es behebt Probleme wie Kontextzurücksetzungen, vergessene Regeln und die Notwendigkeit, Projekte neuen Agenten erneut zu erklären.

OpenClawRadar