GitHub Repository

Convert AI coding agent sessions (Claude Code, Cursor, Codex, Gemini, OpenCode) into self-contained, embeddable HTML replays

715 starsJavaScript

Claude-replay – A video-like player for Claude Code sessions

Name: Claude-replay – A video-like player for Claude Code sessions
Availability: InStock
Author: es617

by es617·Mar 6, 2026·105 points·36 comments

Visit Project View on HN

AI Analysis

●●SolidSolve My ProblemShip It

Self-contained HTML replays beat screenshots, but solves niche problem for Claude Code users.

Strengths

•Zero dependencies: single self-contained HTML output embeddable anywhere, works on mobile
•Thoughtful UX: playback speed, collapsible thinking blocks, tool call inspection, bookmarks
•Smart scope: addresses real friction (Claude demos are hard to share without bulk video)

Weaknesses

•Niche audience: only useful for Claude Code users sharing sessions—limited to one vendor's tool
•No differentiation if Anthropic ships native sharing in Claude Code itself

Post Description

I got tired of sharing AI demos with terminal screenshots or screen recordings.

Claude Code already stores full session transcripts locally as JSONL files. Those logs contain everything: prompts, tool calls, thinking blocks, and timestamps.

I built a small CLI tool that converts those logs into an interactive HTML replay.

You can step through the session, jump through the timeline, expand tool calls, and inspect the full conversation.

The output is a single self-contained HTML file — no dependencies. You can email it, host it anywhere, embed it in a blog post, and it works on mobile.

Repo: https://github.com/es617/claude-replay

Example replay: https://es617.github.io/assets/demos/peripheral-uart-demo.ht...