La barre d'état de Claude Code est incroyable : CC statusline rend le terminal à la fois beau et efficace

Une barre d'état Claude Code qui affiche en temps réel le modèle, Git, le contexte et les coûts, guide d'utilisation TUI sans configuration.

Oubliez la barre d'état par défaut de Claude Code, CCstatusline est l'outil qui rend le terminal à la fois esthétique et fonctionnel. Il peut intégrer des informations sur le modèle, la branche Git, l'utilisation des tokens, le coût de la session, un chronomètre, et des flèches Powerline dans une barre d'état personnalisée, le tout avec une configuration graphique, sans modifier de fichiers.

Qu'est-ce que CCstatusline ?

C'est un package npm open source destiné à Claude Code, qui fournit une barre d'état configurable avec des indicateurs en temps réel, prenant en charge Powerline, une configuration TUI intégrée, et plusieurs thèmes.

Après le démarrage, vous pouvez voir un aperçu en direct : Ctx: 18.6k | ⎇ main | (+42,-10). Une fois configuré, cela peut devenir encore plus élaboré.

Que peut-on afficher ?

Les composants (Widgets) peuvent être assemblés librement : nom du modèle, longueur du contexte, branche Git/changements, durée de la session, chronométrage de 5 heures, coût de la session, répertoire de travail, tout texte ou sortie de commande personnalisée... Vous pouvez également configurer plusieurs barres d'état avec des mises en page différentes.

Configuration entièrement TUI, sans modification de fichier de configuration

Exécutez npx ccstatusline@latest pour accéder à l'interface interactive, avec sept menus : Éditer les lignes, changer les couleurs, paramètres Powerline, options de terminal, style global, installer dans Claude Code, sauvegarder et quitter. Les modifications sont visibles en temps réel en haut.

Activez Powerline, l'esthétique est instantanément améliorée

Commencez par installer Nerd Font dans le menu Powerline en appuyant sur i, puis appuyez sur t pour activer les séparateurs en flèche. Les utilisateurs de Windows qui voient des carrés doivent installer Nerd Font et le définir comme police de terminal.

Étapes d'installation rapide

• Exécutez dans le terminal :

npx ccstatusline@latest

ou bunx ccstatusline@latest

• Entrez dans TUI, activez d'abord Powerline, puis ajustez les composants, les couleurs et le style global selon vos besoins.
• Sélectionnez « Installer dans Claude Code » pour écrire les paramètres, sauvegardez et quittez.

Conseils pour configurer les composants

• Allez dans « Éditer les lignes → Ligne 1 » et utilisez ↑↓ pour sélectionner les composants, a pour ajouter, d pour supprimer, ←→ pour changer de type, r pour afficher la valeur brute, m pour fusionner.
• Vous pouvez créer 3 barres d'état indépendantes avec un aperçu en temps réel.

Recommandé d'ajouter : modèle, Block Timer, Session Cost, Git Branch, Context Length.

Couleurs et options de terminal

Dans « Éditer les couleurs », utilisez ←→ pour choisir les couleurs, f pour le premier plan/arrière-plan, b pour le gras, a pour changer en 256 couleurs, r pour réinitialiser. Dans « Options de terminal », vous pouvez choisir entre 16 couleurs/256 couleurs/Truecolor.

Installer dans Claude Code & exemple d'exécution

Après avoir sauvegardé, ouvrez Claude Code, la barre d'état prend effet immédiatement, le thème peut être changé dans les thèmes Powerline.

Retour à TUI pour modifier à nouveau

Vous pouvez exécuter npx ccstatusline@latest à tout moment pour continuer à ajuster.

Mes combinaisons de composants préférées

Branche Git + changements, Block Timer, Session Cost, Context Length, répertoire de travail, modèle actuel.

Block Timer

Claude Code crée un bloc de session toutes les 5 heures, ce chronomètre vous aide à savoir combien de temps il reste ; appuyez sur p pour changer en mode barre de progression.

Session Cost

Affiche le coût en temps réel, r pour fermer l'étiquette et ne voir que le chiffre. Nécessite Claude Code 1.0.85+.

Branche Git et changements

La branche est toujours visible, le nombre de lignes modifiées est clair, et un petit composant git worktree est disponible.

Longueur du contexte

Compteur de tokens en temps réel, évitant les dépassements lors de longues sessions.

Commandes personnalisées

Vous pouvez exécuter n'importe quelle commande shell et insérer la sortie dans la barre d'état, n'oubliez pas de définir un délai d'attente de 5000 ms+ pour les commandes réseau. Exemples :

date +%H:%M node -v git rev-parse --short HEAD curl -s wttr.in?format="%t" npx -y ccusage@latest statusline

Résumé & Remarques

• Les flèches Powerline nécessitent Nerd Font.
• Le coût de la session nécessite Claude Code 1.0.85+, /resume peut ne pas se mettre à jour.
• Pour modifier la configuration, exécutez à tout moment npx ccstatusline@latest.