LiveDeveloper ToolsDeveloper Tool
Loot Drop
AI Coding Stats Trading Cards
Think Spotify Wrapped meets Pokémon cards — but for how you use AI coding assistants.
The problem
AI coding assistants generate a lot of usage data, but it's hard to look back and see patterns or celebrate streaks.
The approach
- Wrote a TypeScript CLI that reads usage data and crunches 150+ metrics.
- Rendered 5 collectible PNG cards using resvg-js.
- Published to npm so anyone can run npx loot-drop.
Impact
Published npm package: npx loot-drop
A fun, shareable artifact out of otherwise invisible data
What I learned
- CLI UX matters: clear progress, good errors, and a nice install experience.
- SVG-to-PNG rendering with custom fonts is trickier than it looks.
Gallery
Tech
TypeScriptInkNode.jsBunresvg-js