Skip to main content
Back to the lab
Streaming tool

VibeLog

Live coding telemetry & OBS overlay

Node.jsOBSTypeScript

The problem

Streaming "building in public" gives viewers no live signal of what is actually happening: git activity, Claude token spend, and session time all live in different tools, and the post-stream recap is a manual chore.

The build

One local Node process that tracks git activity, AI token spend, stream time, and channel growth — and serves a live HUD as an OBS browser source, a private dashboard, a public /live page, and shareable /share cards. Local-first, no accounts, $0.

Stack & choices

  • Node.js · TypeScriptSingle local agent process that watches git and session state
  • OBS Browser SourceTransparent 1920×1080 HUD served at localhost:4545/overlay
  • CLIvibe start / mark / status / report — drive the overlay from a second terminal while coding

Process notes

  1. 1

    Markers are first-class: "vibe mark feature/bug" annotates the session live, and the end-of-day report is built entirely from the local log — no AI, no network.

  2. 2

    A demo mode seeds fake data so the whole overlay can be previewed without a real git repo or session.

  3. 3

    Direction lives in a canonical VISION.md; earlier spec docs are kept but explicitly marked historical.

  4. 4

    This is the tool behind the "LIVE on VibeLog" badge planned for this site's hero.