vibereel macht lange Claude Code und Codex Sessions in Sekunden nachvollziehbar
Sessions mit Claude Code oder Codex laufen oft 30 bis 60 Minuten und lassen sich schwer demonstrieren, da Screenrecordings viel Wartezeit enthalten. Mit vibereel laesst sich der Verlauf einer Session in einem Projekt direkt aufbereiten und teilen.
Meine Claude-Code- und Codex-Sitzungen laufen oft 30 bis 60 Minuten, und es gibt keine gute Moeglichkeit, jemandem zu zeigen, was dabei tatsaechlich passiert ist. Bildschirmaufnahmen bestehen meist aus Warten. Screenshots verlieren das Hin und Her, und genau das ist der interessante Teil.
Fuehre das in einem Projekt aus, in dem du Claude Code oder Codex benutzt hast:
npx github:TanbirRamim/vibereel Enter fullscreen mode Exit fullscreen mode Das Tool findet deine letzte Sitzung, liest das Protokoll, das der Agent bereits gespeichert hat, und schreibt eine HTML-Datei, die die Sitzung als Kurzfilm abspielt. Hier ist eine 47-minuetige (erfundene Demo-)Sitzung, die einer Todo-App einen Dark Mode hinzufuegt, gezeigt in 30 Sekunden:
Man sieht, wie der Prompt getippt wird, der Plan, einen Dateibaum, der aufleuchtet, wenn Dateien gelesen und bearbeitet werden, Diffs, die hereingleiten, das Terminal, das Tests ausfuehrt, sowie einen Zaehler fuer Zeit, Tokens und geschaetzte Kosten. Wenn ein Testlauf fehlschlaegt und ein spaeterer erfolgreich ist, bekommt man ein Badge, das von Rot auf Gruen wechselt.
npx github:TanbirRamim/vibereel --gif --mp4 Enter fullscreen mode Exit fullscreen mode Die Auswahl der Momente Der schwierige Teil war nicht die Animation, sondern zu entscheiden, was man behaelt. Eine echte Sitzung enthaelt viele ls-Aufrufe, erneutes Lesen von Dateien und winzige Nachrichten. vibereel bewertet Ereignisse und behaelt diejenigen, die die Geschichte erzaehlen: den ersten Prompt, die groessten Aenderungen, fehlgeschlagene Laeufe, die behoben werden, und die letzte Nachricht. Dann passt es alles an die gewuenschte Laenge an (standardmaessig 30 Sekunden).
Sitzungsprotokolle koennen Geheimnisse enthalten, deshalb bekam dieser Punkt die groesste Aufmerksamkeit. Alles laeuft lokal, und nichts wird hochgeladen. Standardmaessig werden API-Schluessel, JWTs, Bearer-Tokens, Passwoerter in URLs, E-Mail-Adressen sowie jeder Wert in.env-Dateien maskiert, und dein Home-Verzeichnis wird durch ~ ersetzt. Es handelt sich jedoch um Mustererkennung, also schau dir das Reel einmal an, bevor du es veroeffentlichst.
Cursor, Aider oder Gemini CLI werden noch nicht unterstuetzt. Das Timeline-Format ist gemeinschaftlich, daher besteht jede Anbindung hauptsaechlich aus einem Parser, und es gibt offene Issues dazu, falls du mithelfen moechtest. Die Kosten sind eine Schaetzung aus Listenpreisen. Die Arbeit von Subagents wird vorlaeufig uebersprungen. Der Videoexport dauert etwa eine Minute, weil die Frames in headless Chrome gerendert werden.
Es steht unter der MIT-Lizenz und ist auf GitHub zu finden: https://github.com/TanbirRamim/vibereel
Wenn du ein Reel einer deiner Sitzungen erstellst, wuerde ich es gerne sehen.
Ich habe vibereel mit viel Unterstuetzung von Claude Code gebaut, und Claude hat beim Verfassen dieses Beitrags geholfen.
Mit Templates kannst du FAQs schnell beantworten oder Snippets zur Wiederverwendung speichern.
Einige Kommentare sind moeglicherweise nur fuer angemeldete Besucher sichtbar. Melde dich an, um alle Kommentare zu sehen.
Bist du sicher, dass du diesen Kommentar verbergen moechtest? Er wird in deinem Beitrag ausgeblendet, bleibt aber ueber den Permalink des Kommentars weiterhin sichtbar.
Fuer weitere Massnahmen kannst du diese Person blockieren und/oder einen Missbrauchsfall melden.
Automatisch übersetzt. Das Original auf Englisch ist unten aufklappbar.
Original (Englisch) anzeigen
My Claude Code and Codex sessions often run 30 to 60 minutes, and there's no good way to show someone what actually happened in one. Screen recordings are mostly waiting. Screenshots lose the back and forth, which is the interesting part.
Run this inside a project where you've used Claude Code or Codex:
npx github:TanbirRamim/vibereel Enter fullscreen mode Exit fullscreen mode 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. Here's a 47 minute (made-up demo) session adding dark mode to a todo app, shown in 30 seconds:
You see the prompt being typed, the plan, a file tree lighting up as files get read and edited, diffs sliding in, the terminal running tests, and a counter for time, tokens and rough cost. If a test run fails and a later one passes, you get a red to green badge.
npx github:TanbirRamim/vibereel --gif --mp4 Enter fullscreen mode Exit fullscreen mode Picking the moments The hard part wasn't the animation, it was deciding what to keep. A real session has a lot of ls, rereads and tiny messages. vibereel scores events and keeps the ones that tell the story: the first prompt, the biggest edits, failing runs that get fixed, and the final message. Then it fits them to the length you ask for (30s by default).
Session logs can contain secrets, so this got the most care. 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 ~. It's pattern matching though, so watch the reel once before posting it.
No Cursor, Aider or Gemini CLI yet. The timeline format is shared, so each one is mostly a parser, and there are open issues for them if you want to help. Cost is an estimate from list prices. Subagent work is skipped for now. Video export takes about a minute because it renders frames in headless Chrome.
It's MIT and on GitHub: https://github.com/TanbirRamim/vibereel
If you make a reel of one of your sessions, I'd love to see it.
I built vibereel with a lot of help from Claude Code, and Claude helped draft this post.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.