69 lines
2.4 KiB
Markdown
69 lines
2.4 KiB
Markdown
# 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
|