Cc Wrapped banner
numman-ali numman-ali

Cc Wrapped

Design community

Description

Generate a personalized Spotify Wrapped-style summary of your Claude Code usage

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

cc-wrapped

**Your year in code, beautifully visualized.**

Credit: Built on top of opencode-wrapped by moddi3 (@moddi3io).

Found this useful? Follow @nummanali for more AI tooling!

Generate a personalized "Spotify Wrapped"-style summary of your [Claude Code](https://claude.ai) usage.

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE) [![Bun](https://img.shields.io/badge/Bun-%23000000.svg?logo=bun&logoColor=white)](https://bun.sh)

Claude Code Wrapped Example

Installation

Quick Start

Run directly without installing:

npx cc-wrapped # or bunx, or yarn/pnpm dlx

Global Install

npm install -g cc-wrapped # or bun/yarn/pnpm

Then run anywhere:

cc-wrapped

Usage Options

Option Description
--year, -y Generate wrapped for a specific year
--help, -h Show help message
--version, -v Show version number

Features

  • Sessions, messages, tokens, projects, and streaks
  • GitHub-style activity heatmap
  • Top models and providers breakdown
  • Usage cost (when available)
  • Shareable PNG image
  • Inline image display (Ghostty, Kitty, iTerm2, WezTerm, Konsole)
  • Auto-copy to clipboard

Terminal Support

The wrapped image displays natively in terminals that support inline images:

Terminal Protocol Status
Ghostty Kitty Graphics Full support
[Kitty](