Claude Replay

claude-replay
Community tool — not affiliated with or endorsed by Anthropic.

AI coding sessions are great for development, but hard to share. Screen recordings are bulky and transcripts are hard to navigate.

claude-replay turns Claude Code, Cursor, Codex CLI, Gemini CLI, OpenCode, Kimi Code, and Hermes Agent session logs into interactive, shareable HTML replays. The generated replay is a single self-contained HTML file with no external dependencies — you can email it, host it anywhere, or embed it in documentation. Use --serve --watch to monitor agent sessions live as they run.

Try it online · Live demo

Claude Code, Cursor, Codex CLI, Gemini CLI, OpenCode, Kimi Code, and Hermes Agent store conversation transcripts on disk. claude-replay auto-detects the format and converts them into visual replays suitable for blog posts, demos, and documentation.

Features

- Self-contained HTML output (no dependencies)
- Interactive playback with speed control
- Collapse/expand tool calls and thinking blocks (Claude's internal reasoning traces)
- Bookmarks / chapters
- Secret redaction before export
- Multiple color themes
- Terminal-style bottom-to-top scroll
- File activity sidebar — see which files were touched and navigate to their tool calls
- Embeddable via iframe
- Live watch mode — monitor agent sessions in real time (--serve --watch)
- Web-based editor UI for visual session editing and preview

Use cases

claude-replay is useful for:

- Blog posts — show AI-assisted development sessions interactively
- Documentation — embed AI debugging sessions or code walkthroughs
- Demos — share reproducible sessions without video
- Bug reports — attach a replay instead of long logs
- Teaching — step through AI reasoning and tool usage
- Live monitoring — watch agent sessions in real…