es617

es617 / claude-replay

Public

Community tool to convert Claude Code session transcripts into self-contained, embeddable HTML replays

40
0
100% credibility
Found Mar 06, 2026 at 40 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
HTML
AI Summary

claude-replay converts logs from Claude Code sessions into self-contained, interactive HTML files that replay conversations visually for easy sharing.

How It Works

1
💭 Finish your AI chat session

You've just had an amazing conversation with Claude while coding, and now you want to share the whole experience with friends or in a blog.

2
🔍 Discover claude-replay

You find this handy tool that turns your chat logs into fun, playable videos anyone can watch.

3
📥 Get the tool ready

You easily add the tool to your computer so you can start creating replays right away.

4
📁 Pick your chat log

You select the saved file from your Claude projects folder that holds your session details.

5
✨ Create the interactive replay

With a simple command, the tool transforms your log into a single, beautiful HTML file that plays back the session like a movie.

6
🎨 Customize the look

You choose colors, speed, or hide private thoughts to make it perfect for sharing.

7
📤 Share your replay

You email the file, post it online, or embed it anywhere, and it's ready for everyone to enjoy.

🎉 Watch the magic happen

Friends interact with your replay, pausing, speeding up, and exploring your AI coding adventure just like you did.

Sign up to see the full architecture

6 more

Sign Up Free

Star Growth

See how this repo grew from 40 to 40 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is claude-replay?

Claude-replay is a community tool that converts JSONL transcripts from Claude Code sessions into interactive, self-contained HTML replays. It grabs logs from your ~/.claude/projects/ directory and spits out a single file you can email, host, or embed anywhere—no servers or dependencies needed. Built as a Node.js CLI (npm install -g claude-replay), it mimics a terminal session with playback controls, speed adjustment, and collapsible tool calls or thinking blocks.

Why is it gaining traction?

Unlike screen recordings or raw logs, this claude code replay delivers smooth, navigable demos with bookmarks, themes like Dracula or Tokyo Night, and automatic secret redaction for safe sharing. The zero-deps HTML output works offline, embeds via iframe, and supports CLI flags like --turns 5-15 or --speed 2.0 for precise clips. Developers dig the community toolkit vibe—no Anthropic affiliation, just practical utils for reproducible AI sessions.

Who should use this?

AI devs documenting Claude-assisted coding sessions, bloggers embedding claude replay service demos in posts, or teachers stepping through tool calls in tutorials. It's for those ditching bulky videos for bug reports, docs, or GitHub community forum shares—especially if you're in community github actions workflows or need quick MVVM-style walkthroughs without fluff.

Verdict

Grab it for claude replay needs if you're already in Claude Code—40 stars and solid docs make it usable now, despite the 1.0% credibility score signaling early maturity. Test on your sessions first; it's a lightweight win for sharing, but expect tweaks as the community grows.

(178 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.