Extensão de Navegador Colorizadora da Barra de Uso do Claude Construída com Claude Code

Um desenvolvedor criou uma extensão de navegador chamada Claude Usage Bar Colorizer que fornece indicadores visuais para os limites de uso do Claude. A extensão foi construída usando o Claude Code para auxiliar no desenvolvimento.

O que a Extensão Faz

• Recolore as barras de uso de verde para amarelo e vermelho com base na porcentagem atual
• Adiciona um popup com dados de uso em tempo real
• Permite que os usuários ajustem os limites e cores
• Permite que os usuários ativem ou desativem barras individuais

Detalhes de Implementação

• Só funciona em https://claude.ai/settings/usage
• Nenhuma coleta de análises
• Nenhuma solicitação de rede externa
• Só lê as porcentagens de uso já visíveis na página
• As configurações são armazenadas localmente no armazenamento de sincronização do navegador

O Papel do Claude Code

O desenvolvedor usou o Claude Code para ajudar com:

• A lógica do script de conteúdo para ler e recolorir as barras
• A interface do popup e o fluxo de configurações
• Restringir as permissões para que a extensão só funcione na página de uso
• Organizar o projeto para lançamento e submissão à loja

Insights de Desenvolvimento

O desenvolvedor observou que aprendeu sobre manter as permissões da extensão restritas e fazer o popup atualizar de forma limpa sem quebrar as alternâncias do usuário.

Disponibilidade

• Repositório GitHub: https://github.com/mihneaptu/claude-usage-bar-colors
• Última versão: v1.0.1 em https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
• A submissão para o Microsoft Edge Add-ons está atualmente em revisão
• A extensão pode ser testada carregando-a descompactada no Edge ou em outro navegador Chromium