Claude Code Pane-Mods für Dashboards und Seitenpanels
Claude Code Pane-Mods öffnen neben dem Transcript ein Panel für Diffs, Dashboards, Logs oder Diagramme, das sich live aktualisiert, während Claude arbeitet.
In dieser Kategorie gibt es noch keine getesteten Mods. Kennst du eine gute? Reich sie ein.
Claude Code Pane-Mods öffnen ein Panel neben der Unterhaltung und halten es aktuell, während Claude arbeitet. Typische Einsätze sind ein Live-Diff der nicht committeten Änderungen, ein Dashboard mit Testergebnissen, ein mitlaufendes Log oder ein Diagramm des Token-Verbrauchs über die Session. Anders als eine Statuszeile bietet ein Pane Platz für Tabellen, Listen und Buttons.
Wie funktionieren Claude Code Pane-Mods?
Eine Mod öffnet einen Pane mit $.ui.open(...) und zeichnet ihn, indem sie ui.render für die Render-Site Pane behandelt. Darin baut sie die Ansicht aus Elementen wie Box, Text, Markdown, Code, Button, Input und Select auf, die alle aus $.ui.resolve(e) stammen. Wenn du einen Button drückst oder etwas in ein Eingabefeld tippst, erhält die Mod ui.press, ui.input oder ui.select. ui.close feuert kurz bevor der Pane geschlossen wird, und $.ui.panes() listet auf, was gerade offen ist.
Die meisten Panes werden über einen Slash-Command geöffnet, den die Mod mit $.command.register hinzufügt, und sie halten ihre Daten in $.state, sodass sich die Ansicht automatisch neu zeichnet, wenn sich die Daten ändern. Der eigene /diff-Befehl von Claude Code ist eine eingebaute Mod, die genau so gebaut ist. Die Interface-Dokumentation beschreibt jedes Element.
Was solltest du vor der Installation prüfen?
Eine Pane-Mod zeigt fast immer Verändert die Oberfläche und oft Fügt Befehle/Tools hinzu. Entscheidend ist, woher die Daten kommen. Ein Diff-Pane braucht Führt Befehle aus für git. Ein Log- oder Metrik-Dashboard braucht unter Umständen Liest Dateien oder Netzwerk. Rendert ein Pane ein Client-Element, läuft darin Webinhalt, also lies den Quellcode, um zu sehen, was er lädt.
Prüfe außerdem, welche Oberflächen unterstützt werden. Panes funktionieren im Terminal und im Code-Tab der Desktop-App, werden aber nicht in claude -p, im Chat-Panel der VS-Code-Erweiterung oder im Agent SDK gezeichnet, wo Mods nur Hooks ausführen.
Wann ist ein Pane die falsche Wahl?
Brauchst du nur eine einzige Zahl, kostet eine Statuszeile oder ein Band über dem Prompt weniger Bildschirmfläche. Willst du einen Hinweis, wenn etwas fertig ist, ist ein Toast besser. Ein Pane lohnt seinen Platz dann, wenn du sonst ein zweites Terminal neben Claude Code offen halten würdest, etwa um immer wieder git diff auszuführen oder einen Test-Runner zu beobachten.
FAQ
- Funktionieren Claude Code Pane-Mods in der Desktop-App?
- Ja. Panes werden im Terminal und im Code-Tab der Desktop-App gezeichnet. Einige Elemente gibt es nur auf bestimmten Oberflächen, zum Beispiel Svg nur auf dem Desktop sowie Raster und Image nur im Terminal, also prüfe die Seite der Mod.
- Kann ein Pane meine Session verlangsamen?
- Ein Pane zeichnet sich neu, wenn sich sein Zustand ändert. Ein gut geschriebener aktualisiert sich bei Events wie tool.call oder turn.complete statt über einen schnellen Timer. Fühlt sich ein Pane schwerfällig an, schließe ihn oder deaktiviere die Mod in /plugin.
- Bringt Claude Code schon eine Pane-Mod mit?
- Ja. Die eingebaute Diff-Mod fügt /diff hinzu. Der Befehl öffnet einen Pane, der nicht committete Änderungen pro Datei auflistet und sich aktualisiert, während Dateien bearbeitet werden.