Ir al contenido
1 mes gratisÚnete al Discord de UsageMeter y consigue 1 mes de Pro gratisUnirme al Discord

Widgets de Claude

Muestra tu Claude en tu perfil de GitHub

Insignias y tarjetas con tus tokens de Claude Code, tus días con Claude, tu racha y tus trofeos. Elige uno, dale tu estilo, míralo en directo y copia el código para GitHub, tu sitio, Notion u Obsidian.

Tokens de Claude Code

Tus tokens de Claude Code de los últimos 7 días, sumando todos tus PC.

Con UsageMeter Link · Windows
Tokens de Claude Code de los últimos 7 días, medidos con UsageMeterDatos de demostración

Copia el código

GitHub
[![Tokens de Claude Code de los últimos 7 días, medidos con UsageMeter](https://usagemeter.app/api/badge/TU-ID/tokens.svg)](https://usagemeter.app)

Pégalo en el README de tu perfil (el repositorio que lleva tu nombre de usuario de GitHub) o en cualquier README.

Los widgets siguen tu uso con 5 minutos de margen. GitHub muestra las imágenes de los README a través de su propia caché, lo que puede añadir unos minutos.

Personalizar

Formato

Estilo
Tamaño
Idioma
Periodo

ProLos periodos más largos forman parte de UsageMeter Pro.

Tema

Gratis
UsageMeter ProPro

Tus colores

Pro

Colores hexadecimales de 6 dígitos sobre el tema. Vacío: el color del propio tema.

Acento
Fondo
Texto
Borde

Diseño

Esquinas

Extras

Pro

Todos los widgets

Cómo funciona

Tres pasos, y nada público hasta que tú lo digas

01

Mide

Instala UsageMeter e inicia sesión: la extensión lee tus límites de Claude y UsageMeter Link (Windows) cuenta tus tokens de Claude Code.

02

Elige

En tu cuenta, activa los widgets que quieras mostrar. Los límites en directo y los costes se activan por separado.

03

Pega

Copia el código en tu README, tu sitio, Notion u Obsidian. Desactiva lo que quieras en cualquier momento.

Solo lo que eliges, solo totales

Los widgets muestran totales: nunca tu correo, tus cuentas de Claude, tus proyectos ni los nombres de tus PC. Tus límites en directo y tus costes siguen siendo privados salvo que actives sus widgets. Un solo interruptor lo desactiva todo, y un enlace nuevo detiene todas las inserciones antiguas.

Ver una página de ejemplo con datos de demostración

Preguntas

¿Necesito UsageMeter Pro?

No. Seis de los ocho widgets son gratuitos, con seis temas y todas las opciones de diseño (esquinas, borde, título, forma compacta, tamaños, idiomas). UsageMeter Pro añade el coste equivalente en API y la tarjeta todo en uno, 13 temas más, tus propios colores, periodos de 30 días y de 26 o 52 semanas, la animación de llegada, tarjetas sin la marca UsageMeter y un ID de widget a tu elección.

¿Puedo usar los colores de mi README?

Sí. Elige un tema (oscuro, claro, auto, transparente, GitHub oscuro y GitHub claro son gratis) y luego las esquinas, el borde, el título y la forma compacta. Con UsageMeter Pro, define tus propios colores de acento, fondo, texto y borde. Guárdalo todo como estilo predeterminado: los enlaces sin opciones lo siguen.

¿Qué cifras requieren UsageMeter Link?

Los tokens, los modelos y el coste de Claude Code vienen de UsageMeter Link, la app complementaria para Windows. Los días con Claude, la racha y los límites en directo vienen de la extensión del navegador, en cualquier sistema.

¿Cómo de recientes son las cifras?

Cada widget sigue tu uso con 5 minutos de margen, y un widget activado o desactivado cambia en la siguiente visita. GitHub muestra las imágenes de los README a través de su propia caché, lo que puede añadir unos minutos.

¿Puedo dejar de compartir?

Sí, en un clic: desactiva un widget o el interruptor general, u obtén un enlace nuevo. Las inserciones antiguas mostrarán entonces “Widget desactivado”, nunca tus cifras, desde su siguiente visita; una caché de imágenes como la de GitHub puede tardar unos minutos.

UsageMeter es una herramienta independiente, sin afiliación con Anthropic. Claude y Claude Code son productos de Anthropic.