Open Source · MIT License

vibe-replay
Replay your AI coding sessions

Turn your Claude Code and Cursor sessions into interactive, shareable web replays — as single, self-contained HTML files.

See it live A real vibe-replay session
vibe-replay ~/Code/vibe-replay · Build the vibe-replay website
You 3:12 PM

Build a landing page website for vibe-replay.com. Astro + Tailwind, dark theme, terminal aesthetic. Deploy to Cloudflare Pages.

Thinking

I'll create an Astro project with Tailwind CSS in the existing monorepo. The design should showcase the product with a hero section, feature grid, and how-it-works flow...

Write website/src/pages/index.astro
Edit website/tailwind.config.cjs
+ accent: "#00e5a0",
+ surface: "#0a0a0f",
+ "surface-1": "#111118",
Bash wrangler pages deploy
✨ Deployment complete!
1x < Turn 5/12 >
Scene 78/186
Watch a real session

This website was built in the session above

How it works

Three steps. Zero config.

1

Code with AI

Use Claude Code or Cursor as you normally would. Your session is automatically saved — no setup needed.

$ claude
Claude Code v1.0.0
 
You: Refactor auth to use JWT tokens
 
Claude: I'll analyze the current auth middleware...
Read src/middleware/auth.ts
Edit src/middleware/auth.ts
Edit src/routes/api.ts
Done. Updated 3 files.
2

Run vibe-replay

One command. Pick a session from the interactive list, and a replay is generated instantly as a single HTML file.

Terminal
$ npx vibe-replay
 
Found 12 sessions in ~/.claude/projects/
 
? Pick a session:
Build landing page with Astro (42 scenes, 2h ago)
> Refactor auth middleware (128 scenes, 5h ago)
Fix payment webhook handler (67 scenes, 1d ago)
 
Generating replay... 128 scenes
Created vibe-replay/refactor-auth-middleware/index.html
3

Share anywhere

Get a self-contained HTML file. Drop it in Slack, email it, push to a gist, host it anywhere — no server needed.

index.html 480 KB · Self-contained
$ npx vibe-replay -s last --gist
Published to gist.github.com/abc123
$ npx vibe-replay -s last --open
Opened in browser

Features

Everything you need,
nothing you don't

Single HTML File

Every replay is a self-contained HTML file under 500KB. No server, no dependencies, no expiring links.

Multi-Provider

Supports Claude Code and Cursor today. More providers coming soon.

Rich Diffs & Code

File edits shown as syntax-highlighted diffs. Bash commands with full stdout. Screenshots embedded inline.

Secret Redaction

API keys, tokens, and secrets are automatically stripped from replays before sharing. Safe by default.

Interactive Playback

Step through scenes with keyboard shortcuts. Jump to any point. Expand or collapse tool calls.

Gist & URL Sharing

Publish replays to GitHub Gist with one flag, or host anywhere and load via URL parameter.

Ready to replay?

Install in seconds. No account needed. No config. Just run the command and share your session.

$ npx vibe-replay