Skill: 0x5446/ohmytoken-tracker (version 1.0.3)

# ohmytoken-tracker **Your AI spending, visualized as pixel art. In real-time.** Ever wondered where all your tokens go? ohmytoken turns your invisible LLM spending into a mesmerizing pixel bead board that fills up as you chat, code, and create with AI. ![ohmytoken dashboard](https://ohmytoken.dev/preview.png) ## Why You'll Love It **It's weirdly addictive.** Each model gets its own color — Claude is coral, GPT is green, Gemini is blue. Watch your board fill up in spiral patterns, rain down like Tetris, or bloom from the center. Pick a cat-shaped board, a heart, a Mario mushroom, or a star. Your token art is unique to you. **It's social.** Share your board as a pixel art card with a QR code. See how you rank against other developers. Unlock achievements like "Night Owl" (coding at 2AM) or "Millionaire" (1M tokens burned). Browse the gallery of everyone's boards. ## Setup: 3 Steps, 2 Minutes ### Step 1: Get Your API Key 1. Go to [ohmytoken.dev](https://ohmytoken.dev) 2. Click **"GITHUB"** or **"GOOGLE"** to sign in (one click, no passwords) 3. You'll see a **Welcome** screen with your API Key — it looks like `omt_f9c399...` 4. Click **COPY** to copy it ### Step 2: Install the Skill Run this in your terminal: ```bash openclaw skill install @0x5446/ohmytoken-tracker ``` ### Step 3: Add Your API Key Open your `openclaw.json` and add this block: ```json { "skills": { "ohmytoken-tracker": { "config": { "api_key": "omt_paste_your_key_here" } } } } ``` **Done!** Open [ohmytoken.dev](https://ohmytoken.dev) and watch the beads drop as you use AI. ## Privacy & Security **We only collect token counts. Nothing else.** | What we collect | What we DON'T collect | |----------------|----------------------| | Model name (e.g. "gpt-4o") | Your prompts | | Token counts (prompt + completion) | Your responses | | Timestamp | Your API keys to providers | | | Your files, code, or data | | | Your IP address | | | Any conversation content | The tracker sends **4 numbers per request**: model name, prompt token count, completion token count, and timestamp. That's it. Your prompts, responses, files, and code **never leave your machine**. The source code is fully open: [github.com/0x5446/ohmytoken-oss](https://github.com/0x5446/ohmytoken-oss) — audit it yourself. ## What You Get - **Real-time bead board** — tokens appear as colored pixels the moment you use them - **7 board shapes** — square, cat, heart, star, circle, diamond, mushroom - **7 fill animations** — sequential, spiral, center-out, random, snake, diagonal, rain - **4 time views** — today, this month, this year, all-time - **10 achievements** — from "First Burn" to "Millionaire" - **Leaderboards** — total tokens, efficiency, model diversity, night owl - **Share cards** — pixel art image + QR code + profile URL - **Embeddable badges** — SVG badge for your GitHub README - **Wrapped reports** — your personal token year-in-review ## Zero Friction - Works with every model OpenClaw supports - Runs silently in the background, never interrupts your workflow - Google/GitHub OAuth login, no new account to create - Completely free --- Questions? Issues? [github.com/0x5446/ohmytoken-oss/issues](https://github.com/0x5446/ohmytoken-oss/issues) Made with pixels and love. [ohmytoken.dev](https://ohmytoken.dev)

path: clawhub.json
content: {
  "name": "ohmytoken-tracker",
  "tagline": "Watch your tokens burn, one bead at a time",
  "description": "ohmytoken-tracker automatically reports every LLM token consumed through your OpenClaw gateway to ohmytoken.dev, where your usage is visualized as a colorful pixel bead board in real-time. See which models you use most, track daily/total spending, unlock achievements, and share your unique bead art with the community.",
  "category": "developer-tools",
  "tags": ["observability", "tokens", "cost-tracking", "monitoring", "visualization"],
  "version": "1.0.0",
  "license": "MIT",
  "pricing": "free",
  "support_url": "https://ohmytoken.dev/settings",
  "homepage_url": "https://ohmytoken.dev"
}


path: README.md
content: # ohmytoken-tracker

> Your AI spending, visualized as pixel art. In real-time.

![ohmytoken](https://ohmytoken.dev/preview.png)

OpenClaw skill that turns your LLM token consumption into a mesmerizing pixel bead board at [ohmytoken.dev](https://ohmytoken.dev).

## Install

```bash
openclaw skill install @0x5446/ohmytoken-tracker
```

## Configure

Get your free API key at [ohmytoken.dev](https://ohmytoken.dev), then add to `openclaw.json`:

```json
{
  "skills": {
    "ohmytoken-tracker": {
      "config": { "api_key": "omt_your_key_here" }
    }
  }
}
```

That's it. Open [ohmytoken.dev](https://ohmytoken.dev) and watch the beads drop.

## Features

- Every model gets a unique color (Claude=coral, GPT=green, Gemini=blue...)
- 7 board shapes including a cat head
- 10 achievements to unlock
- Leaderboards, gallery, share cards with QR codes
- Daily/monthly/yearly views
- Embeddable SVG badges for GitHub READMEs

## Links

- [ohmytoken.dev](https://ohmytoken.dev) — Dashboard
- [GitHub](https://github.com/0x5446/ohmytoken-oss) — Source code


path: claw.json
content: {
  "name": "ohmytoken-tracker",
  "version": "1.0.0",
  "description": "Track your LLM token consumption with a colorful pixel bead board",
  "author": "ohmytoken",
  "license": "MIT",
  "permissions": ["network"],
  "entry": "instructions.md",
  "tags": ["observability", "tokens", "cost-tracking", "developer-tools", "monitoring"],
  "models": ["*"],
  "minOpenClawVersion": "0.8.0"
}


path: instructions.md
content: # ohmytoken-tracker

This skill tracks LLM token consumption and reports it to ohmytoken.dev for visualization.

## Setup

1. Sign up at https://ohmytoken.dev (Google/GitHub login)
2. Copy your API Key from the welcome screen or Settings page
3. Set the `OHMYTOKEN_API_KEY` environment variable in your OpenClaw config

## What it does

After each LLM response, this tracker automatically:
- Extracts the model name, prompt tokens, and completion tokens
- Reports them to the ohmytoken API
- Your bead board updates in real-time at https://ohmytoken.dev

## Configuration

Add to your `openclaw.json`:

```json
{
  "skills": {
    "ohmytoken-tracker": {
      "enabled": true,
      "config": {
        "api_key": "omt_your_key_here",
        "endpoint": "https://api.ohmytoken.dev/api/v1/ingest"
      }
    }
  }
}
```

No other configuration needed. The tracker runs silently in the background.


path: src/index.ts
content: interface OhmyTokenConfig {
  [REDACTED_SECRET]
  endpoint?: string
}

interface TokenUsage {
  model: string
  prompt_tokens: number
  completion_tokens: number
  reasoning_tokens?: number
  cached_tokens?: number
}

const DEFAULT_ENDPOINT = 'https://api.ohmytoken.dev/api/v1/ingest'

export default function ohmytokenTracker(config: OhmyTokenConfig) {
  const [REDACTED_SECRET] || process.env.OHMYTOKEN_API_KEY
  const endpoint = config.endpoint || DEFAULT_ENDPOINT

  if (!apiKey) {
    console.warn('[ohmytoken] No API key configured. Set OHMYTOKEN_API_KEY or config.api_key')
    return {}
  }

  return {
    name: 'ohmytoken-tracker',

    async onLLMResponse(usage: TokenUsage) {
      try {
        await fetch(endpoint, {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
            'X-API-Key': apiKey,
          },
          body: JSON.stringify({
            model: usage.model || 'unknown',
            prompt_tokens: usage.prompt_tokens || 0,
            completion_tokens: usage.completion_tokens || 0,
            reasoning_tokens: usage.reasoning_tokens || 0,
            cached_tokens: usage.cached_tokens || 0,
          }),
        })
      } catch {
        // silent fail — don't break the user's workflow
      }
    },
  }
}


Security scan verdicts — ClawScan: clean | static analysis:  | VirusTotal: clean | SkillSpector: suspicious (HIGH)