I made my Claude Code sessions watchable in 30 seconds

Description and use

Generate a 30‑second visual recap of a long Claude Code session, highlighting prompts, edits, tests, and cost metrics.

Problem

Claude Code and Codex sessions are long and hard to summarize; screenshots miss the back‑and‑forth dialogue.

Outcome

A 30‑second visual recap of a 47‑minute session, showing prompt typing, file edits, test runs, and cost metrics.

Workflow

• Run npx github:TanbirRamim/vibereel inside a project with a recent Claude session
• The tool locates the latest session log and parses it
• It scores events and selects key moments (first prompt, major edits, failing/fixed tests, final message)
• It generates an HTML file that animates the session, or GIF/MP4 if flags are used
• The output can be shared via X, Slack, or PR comments

Evidence

Run this inside a project where you've used Claude Code or Codex: npx github:TanbirRamim/vibereel

Source

It finds your latest session, reads the log the agent already saved, and writes one HTML file that plays the session back as a short film.

Source

If a test run fails and a later one passes, you get a red to green badge.

Source

Everything runs locally and nothing is uploaded. By default it masks API keys, JWTs, bearer tokens, passwords in URLs, emails and every value in .env files, and swaps your home folder for ~.

Source