Extension de Navigateur Coloriseur de Barre d'Utilisation Claude Construite avec Claude Code

Un développeur a créé une extension de navigateur appelée Claude Usage Bar Colorizer qui fournit des indicateurs visuels pour les limites d'utilisation de Claude. L'extension a été développée en utilisant Claude Code pour assister le développement.

Fonctionnalités de l'extension

• Recolore les barres d'utilisation du vert au jaune puis au rouge selon le pourcentage actuel
• Ajoute une fenêtre contextuelle avec des données d'utilisation en direct
• Permet aux utilisateurs d'ajuster les seuils et les couleurs
• Permet d'activer ou de désactiver individuellement chaque barre

Détails techniques

• Fonctionne uniquement sur https://claude.ai/settings/usage
• Aucune collecte d'analytiques
• Aucune requête réseau externe
• Lit uniquement les pourcentages d'utilisation déjà visibles sur la page
• Les paramètres sont stockés localement dans le stockage synchronisé du navigateur

Rôle de Claude Code

Le développeur a utilisé Claude Code pour l'aider avec :

• La logique du script de contenu pour lire et recolorer les barres
• L'interface utilisateur de la fenêtre contextuelle et le flux des paramètres
• La restriction des permissions pour que l'extension ne fonctionne que sur la page d'utilisation
• La préparation du projet pour la publication et la soumission au magasin

Retour d'expérience

Le développeur a noté avoir appris l'importance de limiter les permissions des extensions de navigateur et de mettre à jour proprement la fenêtre contextuelle sans perturber les bascules utilisateur.

Disponibilité

• Dépôt GitHub : https://github.com/mihneaptu/claude-usage-bar-colors
• Dernière version : v1.0.1 à https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
• La soumission aux modules complémentaires Microsoft Edge est actuellement en cours d'examen
• L'extension peut être testée en la chargeant non empaquetée dans Edge ou un autre navigateur Chromium