Extensión de Navegador Colorizadora de la Barra de Uso de Claude Construida con Código Claude

Un desarrollador ha creado una extensión de navegador llamada Claude Usage Bar Colorizer que proporciona indicadores visuales para los límites de uso de Claude. La extensión fue construida usando Claude Code para ayudar con el desarrollo.

Qué hace la extensión

• Recolorea las barras de uso de verde a amarillo y rojo según el porcentaje actual
• Añade una ventana emergente con datos de uso en tiempo real
• Permite a los usuarios ajustar umbrales y colores
• Permite activar o desactivar barras individuales

Detalles de implementación

• Solo se ejecuta en https://claude.ai/settings/usage
• No recopila analíticas
• No realiza solicitudes de red externas
• Solo lee los porcentajes de uso ya visibles en la página
• La configuración se almacena localmente en el almacenamiento sincronizado del navegador

El papel de Claude Code

El desarrollador usó Claude Code para ayudar con:

• La lógica del script de contenido para leer y recolorear las barras
• La interfaz de usuario de la ventana emergente y el flujo de configuración
• Reducir los permisos para que la extensión solo se ejecute en la página de uso
• Limpiar el proyecto para su lanzamiento y envío a la tienda

Perspectivas de desarrollo

El desarrollador señaló haber aprendido sobre mantener los permisos de las extensiones de navegador restringidos y hacer que la ventana emergente se actualice limpiamente sin romper los interruptores del usuario.

Disponibilidad

• Repositorio de GitHub: https://github.com/mihneaptu/claude-usage-bar-colors
• Última versión: v1.0.1 en https://github.com/mihneaptu/claude-usage-bar-colors/releases/tag/v1.0.1
• La presentación en Microsoft Edge Add-ons está actualmente en revisión
• La extensión se puede probar cargándola sin empaquetar en Edge u otro navegador Chromium