es617

Claude Replay — AI skill for Claude Code

AI community

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

How to install Claude Replay

This entry records only its repository, not the path inside it, so there is no exact command to give. Open es617/claude-replay and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Replay does

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

Alternatives in AI

  • Ante — Ghost in your shell 1.9k ★
  • Oc Claw — A desktop pet that monitors your AI coding agents (OpenClaw, Claude Code, Codex, Cursor, Gemini CLI, opencode 352 ★
  • AI Toolkit — Professional-grade AI coding toolkit: 94 skills, 44 agents, multi-platform (Claude, Cursor, Windsurf, Copilot 167 ★

README

claude-replay

![npm](https://img.shields.io/npm/v/claude-replay) ![Claude Code](https://img.shields.io/badge/Claude_Code-replay-blue) ![Cursor](https://img.shields.io/badge/Cursor-replay-purple) ![Codex CLI](https://img.shields.io/badge/Codex_CLI-replay-green) ![Gemini CLI](https://img.shields.io/badge/Gemini_CLI-replay-orange) ![OpenCode](https://img.shields.io/badge/OpenCode-replay-red) ![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg) ![Node.js](https://img.shields.io/badge/node-18%2B-green.svg) ![Zero Dependencies](https://img.shields.io/badge/dependencies-0-brightgreen)

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, and OpenCode 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.

![Demo](https://raw.githubusercontent.com/es617/claude-replay/main/docs/demo.gif)

**[Try it online](https://es617.github.io/claude-replay/)** · **[Live demo](https://es617.github.io/claude-replay/demo-redaction.html)**

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

Source Transcript location
Claude Code ~/.claude/projects//
Cursor ~/.cursor/projects//agent-transcripts//
Codex CLI ~/.codex/sessions//
Gemini CLI ~/.gemini/tmp//chats/
OpenCode Export via opencode export

Features

  • Self-contained HTML output (no dependencies)
  • Interactiv