I made my Claude Code sessions watchable in 30 seconds

说明与用途

将长时间的 Claude Code 会话生成 30 秒的可视化回放，展示关键事件和结果。

问题

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

结果

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

工作流

• 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

证据

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

来源

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.

来源

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

来源

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 ~.

来源