token-card
Ajuda seu agente a criar um cartão visual com o uso de tokens de codificação. É útil para mostrar o progresso em um README ou compartilhar a atividade de codificação.
O que ela faz
Cria um cartão visual (imagem SVG) que mostra quantas vezes você usou ferramentas de IA para programar, quanto isso custou e seu progresso recente. Esse cartão é salvo diretamente nos seus arquivos de código.
Quando usar
- ✓Quando você quer mostrar no seu projeto quantas vezes usou a IA para ajudar a programar.
- ✓Quando você quer um resumo fácil de compartilhar sobre sua atividade com as IAs de programação.
- ✓Quando você quer ver um resumo do seu uso de IA sem precisar de um serviço online.
Exemplo do que pedir para a IA
“Crie um cartão de uso de tokens para o meu projeto.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
A ferramenta verifica os registros de uso dos seus programas de IA (como Claude Code, Gemini, etc.) no seu computador. Ela então gera uma imagem (SVG) com essas informações e a salva em uma pasta do seu projeto.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add affaan-m/ECC --skill token-cardOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/affaan-m/ECC/main/skills/token-card/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Cartão de Token
Produz um cartão SVG que resume o uso do agente de codificação de IA desta máquina — tokens totais, custo equivalente da API, sequência atual e a divisão entre agentes — e o escreve na árvore de trabalho como um arquivo que o README pode referenciar.
O cartão é um artefato confirmado em vez de uma imagem hospedada, portanto, ele é renderizado a partir do próprio repositório e não depende de um endpoint de terceiros permanecer ativo.
Quando Ativar
- Alguém quer uma figura de uso visível em um README ou página de documentação.
- Alguém pede um resumo compartilhável de sua atividade de agente em várias ferramentas.
Use /cost-report em vez disso quando a pergunta for "quanto gastei esta semana". Os dois leem
fontes diferentes e produzem coisas diferentes:
/cost-report |
Cartão de Token | |
|---|---|---|
| Fonte | ~/.claude/metrics/costs.jsonl, escrito pelo hook stop:cost-tracker da ECC |
Os próprios logs de sessão dos agentes |
| Agentes | Claude Code | Claude Code, Codex, Gemini CLI, OpenCode |
| Saída | Resumo do terminal, CSV opcional | Um arquivo SVG confirmado no repositório |
A ferramenta que executa isso
@tokenchit/cli, licenciada sob MIT: https://github.com/iyashjayesh/tokenchit
Fixado em uma versão exata, deliberadamente. @latest resolve para o que o registro
atualmente serve, e esta ferramenta lê logs de sessão locais — portanto, uma versão futura comprometida
seria executada com acesso a eles antes que alguém a revisasse. Fixe, e aumente o pino
conscientemente:
TOKENCHIT_VERSION=0.10.0
Para verificar o artefato fixado antes de executá-lo pela primeira vez:
npm view @tokenchit/cli@0.10.0 dist.integrity dist.tarball
Fluxo de Trabalho
Pergunte antes do primeiro download.
npxbusca o pacote do registro npm e o executa. Isso é um download remoto de código que lerá logs locais, então obtenha confirmação explícita do usuário antes da primeira execução em uma máquina. Se eles recusarem, pare aqui e diga o que teria sido executado.Configure, a menos que seja uma execução de teste. Se
.tokenchit.jsonestiver ausente, execute:npx -y @tokenchit/cli@0.10.0 initEle detecta quais agentes têm logs nesta máquina e os registra. O arquivo destina-se a ser confirmado e nunca contém uma credencial.
Pule isso inteiramente quando o usuário passou
--dry-run, e relate que.tokenchit.jsonseria criado. Uma prévia que escreve um arquivo de configuração não é uma prévia.Renderize o cartão. O comando puro escreve na saída configurada —
tokenchit.svga menos que.tokenchit.jsonnomeie outro caminho:npx -y @tokenchit/cli@0.10.0 syncAnexe apenas as flags que o usuário realmente solicitou, cada uma escrita exatamente como abaixo. Não copie um placeholder no comando —
syncignora um argumento posicional não reconhecido em vez de recusá-lo, então um[--dry-run]entre colchetes chega à CLI como lixo e o cartão é escrito de qualquer maneira, o que é o oposto do que foi solicitado.Flag Efeito --out <path>Escrever em outro lugar que não a saída configurada --theme auto|light|darkTema do cartão; autose adapta ao sistema do leitor--dry-runImprimir o que seria escrito e não tocar em nada synclê arquivos locais e não envia nada: nenhum prompt, nenhum código, nenhum conteúdo de arquivo sai da máquina, e ele não transmite nada para nenhum servidor. A invocação npx ao redor dele é um download do registro — esse é o acesso à rede neste fluxo de trabalho, e a etapa 1 é onde ele é acordado.Relate e ofereça. Imprima os números que ele produziu — tokens, custo equivalente, sequência, divisão por agente — e o caminho escrito. Se o repositório tiver um README que ainda não referencia o cartão, ofereça-se para adicionar:
syncimprime o caminho relativo à raiz do repositório. Uma imagem Markdown resolve relativamente ao arquivo em que está, então reescreva-o para o README que está sendo editado: um cartão emdocs/usage.svgestá./docs/usage.svgda raiz do README, mas../usage.svgdedocs/zh-CN/README.md. Colar o caminho impresso em um README aninhado aponta paradocs/zh-CN/docs/usage.svge renderiza quebrado.Não edite o README sem ser solicitado.
Pare após a etapa 4. Publicar no placar público é um comando publish separado que
requer opt-in explícito, e não faz parte deste fluxo de trabalho — execute-o apenas se o usuário pedir
por nome. unpublish remove a linha e a conta novamente.
Saída
…
Perguntas frequentes
Que informações aparecem no cartão?
O número total de tokens usados, o custo aproximado em dinheiro, sua sequência de uso atual e a divisão do uso entre as diferentes ferramentas de IA.
Preciso instalar algo?
A ferramenta usa o `npx`, que baixa o programa necessário na hora, sem instalar nada permanentemente no seu computador. Você só precisa ter o Node.js instalado.
Essa ferramenta envia meus dados para algum lugar?
Não. Ela só lê os registros locais no seu computador e gera a imagem. Nada é enviado para a internet, exceto o download inicial do programa.
Detalhes
Descrição original do autor
Render a token-usage stat card from local Claude Code, Codex, Gemini CLI, and OpenCode session logs and commit it into the repository as a file. Use when someone wants a current usage figure in a README, or asks for a shareable card of their coding-agent activity.
repo: affaan-m/ECC
Popularidade
- Estrelas no GitHub
- 280 mil
- Posição no ranking
- #301
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
agent-architecture-audit
Faz seu agente verificar se tudo está funcionando corretamente. Ele encontra e conserta problemas em sistemas de IA, garantindo que funcionem como esperado.
affaan-m/ECC
agent-eval
Ajuda seu agente a comparar diferentes ferramentas de programação de IA. Ele mede qual é mais rápido, barato e confiável para realizar tarefas específicas.
affaan-m/ECC
agent-harness-construction
Faz seu agente entender melhor como realizar tarefas. Ele otimiza as ferramentas e instruções que o agente usa para aumentar suas chances de sucesso.
affaan-m/ECC
Skills parecidas
karpathy-guidelines
Ajuda seu agente a escrever código melhor, evitando erros comuns. É útil para garantir que o código seja simples, claro e fácil de verificar.
multica-ai/andrej-karpathy-skills
skill-creator
Permite ao agente criar, modificar e otimizar habilidades. Útil para testar o desempenho de habilidades e melhorar sua precisão.
anthropics/skills
ponytail-debt
Lista todos os atalhos de código ('shortcut:') deixados para depois. Ajuda a ver o que ainda precisa ser corrigido no projeto.
DietrichGebert/ponytail