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

✍️ OpenClawRadar📅 Publicado: April 15, 2026🔗 Source
Extensão de Navegador Colorizadora da Barra de Uso do Claude Construída com Claude Code
Ad

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
Ad

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

📖 Leia a fonte completa: r/ClaudeAI

Ad

👀 See Also

Aplicativo da Área de Notificação do Windows para Monitoramento em Tempo Real do Uso da API Claude
Tools

Aplicativo da Área de Notificação do Windows para Monitoramento em Tempo Real do Uso da API Claude

Um desenvolvedor criou um aplicativo leve para a bandeja do sistema do Windows que exibe o uso da cota da API Claude em tempo real, incluindo janelas de 5 horas e 7 dias, contagens de tokens de hoje e previsões de esgotamento. O aplicativo suporta interface em coreano, inglês, chinês e japonês e é de código aberto no GitHub.

OpenClawRadar
Zikra: Servidor de Memória MCP Auto-hospedado para Claude Code, Cursor e Codex
Tools

Zikra: Servidor de Memória MCP Auto-hospedado para Claude Code, Cursor e Codex

Zikra é um servidor de memória MCP auto-hospedado que salva automaticamente cada decisão, erro e requisito quando as sessões do Claude Code terminam através de um hook Stop, criando um pool de memória compartilhada acessível entre ferramentas e membros da equipe.

OpenClawRadar
Otterly: Roteie o OpenClaw por meio da sua assinatura do Claude Code
Tools

Otterly: Roteie o OpenClaw por meio da sua assinatura do Claude Code

Otterly é um pacote npm leve que expõe o Claude CLI local como um servidor HTTP compatível com OpenAI, permitindo que você cobre requisições do OpenClaw na sua assinatura do Claude Code em vez de tarifas por token da API.

OpenClawRadar
Attesor: Engenharia Reversa com IA do Rosetta 2 para Máquina Virtual Linux
Tools

Attesor: Engenharia Reversa com IA do Rosetta 2 para Máquina Virtual Linux

Attesor é um projeto do GitHub que utiliza IA para engenharia reversa da tecnologia de tradução binária Rosetta 2 da Apple, visando documentar sua arquitetura e potencialmente habilitar a tradução de x86_64 para ARM64 em máquinas virtuais Linux.

OpenClawRadar