first commit

README.md

@@ -0,0 +1,68 @@
+# Claude Usage Tracker - Extensión de Chrome
+
+Extensión de Chrome que mejora la página de uso de Claude (https://claude.ai/settings/usage) añadiendo:
+
+## Características
+
+### 📊 División semanal del uso
+- Divide la barra de progreso "Todos los modelos" en los **7 días de la semana**
+- Muestra visualmente cuánto deberías usar cada día para no quedarte sin cuota
+- Indica con colores si vas bien (verde), con cuidado (amarillo) o excedido (rojo)
+
+### ⏱️ Información de sesión
+- **Hora de inicio** de la sesión actual
+- **Hora actual**
+- **Duración** de la sesión
+
+### 📈 Estadísticas
+- Uso diario ideal (≈14.29% por día)
+- Promedio real de uso
+- Días restantes hasta el reinicio
+
+## Instalación
+
+1. **Crear iconos PNG** (requerido):
+   - Abre `icons/icon.svg` en un editor de imágenes
+   - Exporta como PNG en tamaños: 16x16, 48x48 y 128x128
+   - Guárdalos como `icon16.png`, `icon48.png` e `icon128.png` en la carpeta `icons/`
+
+2. **Cargar en Chrome**:
+   - Abre Chrome y ve a `chrome://extensions/`
+   - Activa el "Modo de desarrollador" (esquina superior derecha)
+   - Haz clic en "Cargar extensión sin empaquetar"
+   - Selecciona la carpeta `claude-use-extension`
+
+3. **Usar**:
+   - Ve a https://claude.ai/settings/usage
+   - La extensión se activará automáticamente mostrando el tracker semanal
+
+## Estructura de archivos
+
+```
+claude-use-extension/
+├── manifest.json      # Configuración de la extensión
+├── content.js         # Script que modifica la página
+├── styles.css         # Estilos del tracker
+├── icons/
+│   ├── icon.svg       # Icono fuente (SVG)
+│   ├── icon16.png     # (crear manualmente)
+│   ├── icon48.png     # (crear manualmente)
+│   └── icon128.png    # (crear manualmente)
+└── README.md
+```
+
+## Cómo funciona
+
+- **Detección de uso**: La extensión busca la barra de progreso en la página y extrae el porcentaje de uso actual
+- **Cálculo semanal**: Asume que el uso se reinicia los lunes y calcula el uso ideal diario (100%/7 ≈ 14.29%)
+- **Sesión**: Guarda la hora de inicio en `localStorage` y la mantiene si llevas menos de 4 horas
+
+## Personalización
+
+Puedes modificar `styles.css` para cambiar los colores y estilos del tracker.
+
+## Notas
+
+- La extensión solo funciona en `https://claude.ai/settings/usage`
+- Los datos de sesión se guardan localmente en tu navegador
+- No se envía ninguna información a servidores externos