Funktionen

Alles, um jede Aktion von Claude Code in Echtzeit zu verstehen – in einem kuratierten, schnellen Dashboard.

Plugins erstellen & API — zur Doku

Alle Widgets

Echte Screenshots aus dem Dashboard — jedes Widget befüllt und im Leerzustand, mit kurzer Erklärung.

Überblick(1)

Übersicht

Kennzahlen von heute: aktive Sessions, Events, Tool-Aufrufe, Fehlerquote und Kosten.

Sessions(8)

Sessions

Alle Claude-Code-Sessions nach Status: Aktiv (arbeitet gerade), Wartet (auf deine Eingabe), Beendet. Inaktive Sessions werden nach 30 min automatisch als beendet geführt. Filter rechts nach Projekt.

Live Stream

Live-Strom aller Hook-Events in Echtzeit (neueste oben): Session-Start/-Ende, Prompts, Tool-Aufrufe und Stops. Speist sich per SSE aus den Claude-Code-Hooks.

Session-Timeline

Sessions als Zeitbalken (Start bis Ende), eingefärbt nach Status.

Jetzt live

Die aktive Session in Echtzeit: verstrichene Zeit, Kennzahlen und die letzten Aktionen.

Prompt-Verlauf

Chronologische, durchsuchbare Liste deiner Prompts (Secrets werden vor dem Speichern entfernt).

Subagent-Baum

Welche Sessions Subagenten per Task gestartet haben – aufklappen zeigt die einzelnen Subagenten.

Session-Dauer

Verteilung der Session-Längen (Spanne erster bis letzter Event), plus Median und p95.

Branches & PRs

Sessions nach Git-Branch gruppiert, mit Links zum Branch und zum Öffnen eines PRs (lokal aus dem origin-Remote abgeleitet).

Aktivität(4)

Aktivität

Aktivität nach Wochentag und Stunde (lokale Zeit), aus dem Event-Verlauf.

Streak & Produktivität

Tages-Streak aktiver Tage, Stoßzeiten und der Sessions-pro-Tag-Trend.

Jahres-Kalender

Aktivität pro Tag über das letzte Jahr – je dunkler, desto mehr Events.

Geschwindigkeits-Trend

Tools/Minute und Events/Session über 30 Tage (Ø = 7-Tage-Mittel). Degradations-Signal.

Tools & Dateien(6)

Tool-Graph (3D)

Beziehungen Session → Tool → Ziel (Datei, Befehl, URL, Muster). Gleiche Ziele über Sessions hinweg teilen sich einen Knoten. Aktive Sessions leuchten. Knoten anklicken für Details, Vollbild oben rechts.

Top-Tools

Häufigste Tool-Aufrufe im Zeitraum. Violett = MCP, blau = eingebaut. ✗ = Fehler.

Datei-Hotspots

Meistbearbeitete Dateien (Fläche & Farbe = geänderte Zeilen) im Zeitraum.

Fluss

Fluss von Projekt → Tool → Ressourcentyp aus den Tool-Aufrufen.

MCP-Server

Aktivität je MCP-Server: Aufrufe, Fehlerrate und mittlere Latenz.

Themen-Cloud

Häufige Begriffe aus deinen Prompts – lokal berechnet, ohne LLM. Größe = Häufigkeit.

Kosten & Tokens(5)

Tokens & Kosten

Tägliche Token-Nutzung und Kosten aus ccusage. Rechts umschaltbar zwischen Tokens (Input/Output/Cache) und Kosten in € (aus USD über EUR_PER_USD umgerechnet).

Budget

Heutige & monatliche Ausgaben gegen dein Budget (USD), mit Hochrechnung.

Modelle

Anteil pro Modell an Tokens bzw. Kosten.

Projekt-Rangliste

Projekte nach Kosten, Sessions, Tools und Tokens. Spalte klicken zum Sortieren.

Token-Verbrauch je Tool

Wo die meisten Tokens verbrennen – geschätzt aus der Tool-I/O-Größe (Zeichen ÷ 4).

Qualität(6)

Tool-Latenz

Verteilung der Tool-Dauern (logarithmische Buckets) mit p50/p95/p99.

Fehlerrate

Anteil fehlgeschlagener Tool-Aufrufe, Verlauf und die fehleranfälligsten Tools.

Kompaktierungen

Wann und wie oft der Kontext komprimiert wurde (auto vs. manuell).

Zuverlässigkeit je Projekt

Anteil erfolgreicher Tool-Aufrufe pro Projekt. Grün ≥95 %, Gelb ≥85 %, sonst Rot.

Was lief schief

Letzte fehlgeschlagene Tool-Aufrufe. Klick öffnet Eingabe und Fehlertext.

Anomalie-Erkennung

Letzte 24 h vs. Basislinie (7 Tage): steigt Latenz/Fehlerrate? – „Wird Claude schlechter?“

Einstellungen

Alles, was du am Dashboard anpassen kannst. Einstellungen werden lokal im Browser gespeichert.

Theme (Hell / Dunkel)

Über „Design“ im Header zwischen hellem und dunklem Modus wechseln. Die Wahl wird lokal gespeichert.

Akzentfarbe

Im Design-Popover eine Akzentfarbe aus der Palette wählen (Blau, Cyan, Grün, Violett, Pink, Amber) — färbt Diagramme und Bedienelemente.

Sprache (DE / EN)

Der Sprachumschalter im Header stellt die gesamte Oberfläche auf Deutsch oder Englisch um.

Globale Suche

Das Suchfeld filtert query-fähige Widgets (z. B. Kanban, Prompt-Verlauf) und durchsucht Prompts/Tool-Ziele live.

Zeitraum

Der Zeitraum-Wähler grenzt zeitbasierte Widgets ein (z. B. 24 h / 7 T / 30 T).

Facetten-Filter

Filtere das Dashboard nach Projekt, Modell oder Status — die Facetten-Leiste wirkt auf alle passenden Widgets.

Ansichten (Views)

Eigene Layout-Zusammenstellungen als benannte Views speichern und schnell umschalten.

Benachrichtigungen

Das Glocken-Menü sammelt Hinweise (z. B. Berechtigungs-Anfragen, Alerts).

Info-Hinweise

Jedes Panel hat ein ℹ️-Tooltip, das kurz erklärt, was es zeigt und woher die Daten kommen.

Layout: Größe ändern

Beim Hovern eines Widgets Breite/Höhe über die Toolbar anpassen — das Layout wird lokal gespeichert.

Layout zurücksetzen

Sobald das Layout vom Standard abweicht, erscheint „Layout zurücksetzen“, das die Vorgabe wiederherstellt.

Widget-Galerie (ein-/ausblenden)

Über die Galerie einzelne Widgets aus- oder wieder einblenden, um das Dashboard zu personalisieren.

Widget-Einstellungen

Manche Widgets haben eigene Optionen (z. B. das Limit des Live-Streams) in ihrer Einstellungs-Schublade — persistiert über /api/plugins/config.

Live-Observability für Claude Code

Live-Demo öffnen Plugins & API