Claude Code: La barra d'estat CC statusline fa que el terminal sigui bonic i eficient

[[HTMLPLACEHOLDER0]]

[[HTMLPLACEHOLDER1]]

Oblida't de la barra d'estat per defecte de Claude Code, CCstatusline és l'eina que fa que el terminal sigui bonic i funcional. Pot incloure informació del model, branca de Git, ús de tokens, costos de sessió, temporitzadors i fletxes Powerline en una barra d'estat personalitzada, tot amb configuració gràfica, sense necessitat de modificar fitxers.

[[HTMLPLACEHOLDER2]]

És un paquet npm de codi obert per a Claude Code que proporciona una barra d'estat configurable amb mètriques en temps real, suport per a Powerline, configuració TUI integrada i múltiples temes.

Un cop iniciat, veuràs una vista prèvia en viu: Ctx: 18.6k | ⎇ main | (+42,-10) . Després de la configuració, pot ser encara més atractiu.

[[HTMLPLACEHOLDER3]]

Components (Widgets) que es poden combinar: nom del model, longitud del context, branca/canvis de Git, durada de la sessió, temporitzador de 5 hores, cost de la sessió, directori de treball, qualsevol text personalitzat o sortida de comandes... També es poden configurar diverses barres d'estat amb diferents dissenys.

[[HTMLPLACEHOLDER4]]

Executa npx ccstatusline@latest per accedir a la interfície interactiva, amb set menús: editar línies, canviar colors, configuració de Powerline, opcions de terminal, estil global, instal·lar a Claude Code, guardar i sortir. La part superior es pot modificar i veure en temps real.

[[HTMLPLACEHOLDER5]]

Primer, al menú de Powerline, prem i per instal·lar Nerd Font, després prem t per activar la separació amb fletxes. Si ets usuari de Windows i veus quadrats, instal·la Nerd Font i estableix-lo com a font del terminal.

[[HTMLPLACEHOLDER6]]

[[HTMLPLACEHOLDER7]]

[[HTMLPLACEHOLDER8]]

Accedeix a "Edit Lines → Line 1" i utilitza les tecles ↑↓ per seleccionar components, a per afegir, d per eliminar, ←→ per canviar tipus, r per mostrar el valor original, m per fusionar.

Es poden crear 3 barres d'estat independents amb vista prèvia en temps real.

Recomanem afegir: model, Block Timer, Session Cost, Git Branch, Context Length.

[[HTMLPLACEHOLDER9]]

A "Edit Colors" utilitza ←→ per seleccionar colors, f per primer pla/fons, b per negreta, a per canviar a 256 colors, r per restablir. A "Terminal Options" pots seleccionar 16 colors/256 colors/Truecolor.

[[HTMLPLACEHOLDER10]]

Després de guardar, obre Claude Code, la barra d'estat s'activarà immediatament, el tema es pot canviar al menú de temes de Powerline.

[[HTMLPLACEHOLDER11]]

Pots executar npx ccstatusline@latest en qualsevol moment per continuar ajustant.

[[HTMLPLACEHOLDER12]]

Branca de Git + canvis, Block Timer, Session Cost, Context Length, directori de treball, model actual.

[[HTMLPLACEHOLDER13]]

Claude Code crea un bloc de sessió cada 5 hores, aquest temporitzador t'ajuda a saber quant temps queda; prem p per canviar a mode de barra de progrés.

[[HTMLPLACEHOLDER14]]

Mostra en temps real el cost, r per tancar l'etiqueta i veure només el número. Necessita Claude Code 1.0.85+.

[[HTMLPLACEHOLDER15]]

La branca es manté visible, el nombre de línies modificades és clar, i hi ha un petit component git worktree opcional.

[[HTMLPLACEHOLDER16]]

Comptatge de tokens en temps real, evita sobrepassar el límit en sessions llargues.

[[HTMLPLACEHOLDER17]]

Es poden executar qualsevol comanda shell i incloure la sortida a la barra d'estat, recorda establir un temps d'espera de 5000ms+ per a comandes de xarxa. Exemple:

[[HTMLPLACEHOLDER18]]

[[HTMLPLACEHOLDER19]]

[[HTMLPLACEHOLDER20]]