AI-Ops & AgentenEinzelplatz

Teil der FamilieToken Counter — Plum Pixel

Dein Token-Verbrauch als kleines Schild, das Spass macht

Persoenliches Display fuer deinen KI-Token-Verbrauch. Drei Pill- Bars (Session/5h/Woche), 24h-Sparkline, Daten ueber einen einzigen MCP- oder REST-Slot.

Live-Vorschau
ai-ops token-counter usage-dashboard personal-display claude-code coding-agent mcp plum-pixel pixel-mascot
An mein Display senden

Dieses Display zeigt drei Verbrauchsbalken — aktuelle Session, 5-Stunden-Limit, Wochen-Limit — plus eine Sparkline der letzten 24 Stunden. Im Hintergrund schwebt Synth, ein Pixel-Geist mit Antenne, der ueber den Bildschirm wandert, ab und zu einnickt und seine Glow-Farbe nach der hoechsten Balken- Auslastung wechselt.

Optimiert fuer:

  • kleine 240x240- oder 540x540-Pixel-Displays (TRMNL, M5Stack,

kleine HDMI-Module)

  • einen Browser-Tab im Vollbild auf dem Zweitmonitor
  • 480x320-eInk-Module mit reduzierten Animationen

(`prefers-reduced-motion` greift automatisch)

Datenanbindung: ein einziger Wert-Slot `token-usage`. Schema steht im Slot-Kommentar; die Agent-Onboarding-Seite liefert einen fertigen Bot-Prompt, ein Claude-Code-Skill und ein `.mcp.json`-Snippet. Das Display refresht den Slot alle 120 s und faellt auf eingebettete Default-Werte zurueck, wenn die Verbindung kurz weg ist.

Anwendungsfälle

  • Persoenlicher Schreibtisch-Begleiter waehrend langer Coding-

Sessions mit Claude Code, Codex oder eigenen MCP-Agenten

  • Kleines HDMI-Display in der Nische als "Ambient AI Glance"
  • Browser-Tab im Vollbild als zweiter Monitor
  • Stream-Overlay fuer Coding-Live-Streams (zeigt aktuelle

Auslastung ohne das Terminal zu verdecken)

Für wen geeignet

Fuer Solo-Developer, Vibe-Coding-Studios und kleine Teams mit eigenen AI-Coding-Workflows. Funktioniert besonders gut, wenn du eh schon ein Skript hast, das deine Token-Counts irgendwo aggregiert — der Slot ist nur ein POST mehr.

So richtest du es ein

1. Vorlage an dein Display senden. agentView legt automatisch den Slot `token-usage` (Value) mit Demo-Daten an — das Display zeigt sofort etwas Sinnvolles.

2. Deinem Coding-Agenten oder Skript einen scoped API-Key geben mit: ``` allowedSlotSlugs: ["token-usage"] permissions: "read_write" capabilities: ["slot.read", "slot.write"] ```

3. Den Slot ueber MCP, REST oder ein Cron-Skript befuellen: ``` set_data_slot({ slug: "token-usage", content: { buckets: [{ key, label, usedPct, resetIso }, ...], sparkline: { label, rangeLabel, points: [...] }, status: { state, model } } }) ``` Update-Intervall: 30-120 s. Das Display pollt alle 120 s.

4. Fertig. Die Bar-Farben passen sich automatisch der Auslastung an, Synth aendert seine Glow-Farbe und Cycle-Speed mit. Tipps und vollstaendiges Schema findest du unter Agent Onboarding auf der Display-Detailseite.

Mit KI anpassen

  1. Sende diese Vorlage an dein Display.
  2. Öffne deinen KI-Agenten mit agentView-Zugriff.
  3. Kopiere den Prompt unten und beschreibe deine Änderungen.
Lade das aktuelle HTML meines Displays "Token Counter", passe es für meinen Use Case an und sende die geänderte Version wieder an dasselbe Display. Behalte Layout und Grundstruktur bei, ändere aber Texte, Farben und Bereiche nach meinen Angaben.