MCP.so
Sign In

LLM Chat Replay

@jonmadison

About LLM Chat Replay

chat replay visualizer for sesssions saved in your LLM. create transcripts using your LLM + MCP filesystem server, and replay them here, to share with others

Config

No standard config provided

This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.

Repository

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is LLM Chat Replay?

LLM Chat Replay is a React application that visually replays LLM chat transcripts with typing animation and playback controls. It works with any markdown chat export that uses the specified format with "Human:" and "Assistant:" markers.

How to use LLM Chat Replay?

Install Node.js v16+ and npm or yarn. Clone the repository, run npm install and npm run dev. Launch the application, drag and drop a properly formatted markdown transcript into the interface, then use the playback controls (play/pause, speed slider 0.5x–4x, and progress bar) to replay the conversation.

Key features of LLM Chat Replay

  • Drag-and-drop markdown file upload
  • Playback controls (play/pause)
  • Speed control (0.5x to 4x)
  • Progress bar scrubbing
  • Auto-scrolling chat window
  • Distinct bubbles for Human and Assistant messages
  • Typing animation for Assistant responses
  • Automatically extracts and displays conversation title

Use cases of LLM Chat Replay

  • Replaying saved AI assistant conversations (e.g., Claude chats)
  • Reviewing past chat transcripts with adjustable speed
  • Presenting or sharing conversation histories visually
  • Analyzing dialogue flow and response times

FAQ from LLM Chat Replay

What format does the transcript need to follow?

The markdown file must have a "# Title" line followed by messages starting with "Human:" and "Assistant:" prefixes exactly as shown in the demo.

What are the system requirements?

Node.js v16+ and npm or yarn are required to run the application.

How do I install and run LLM Chat Replay?

Clone the repository, run npm install, then npm run dev. The application will start on a local dev server.

Can I adjust playback speed?

Yes, speed can be set from 0.5x to 4x using the controls below the chat window.

Is there a pre-prompt for consistent transcript formatting?

Yes. The README provides a pre-prompt you can add to your AI assistant’s settings to ensure transcripts are saved in the correct format with proper markers, backtick formatting, and descriptive filenames.

Frequently asked questions

What format does the transcript need to follow?

The markdown file must have a "# Title" line followed by messages starting with "**Human**:" and "**Assistant**:" prefixes exactly as shown in the demo.

What are the system requirements?

Node.js v16+ and npm or yarn are required to run the application.

How do I install and run LLM Chat Replay?

Clone the repository, run `npm install`, then `npm run dev`. The application will start on a local dev server.

Can I adjust playback speed?

Yes, speed can be set from 0.5x to 4x using the controls below the chat window.

Is there a pre-prompt for consistent transcript formatting?

Yes. The README provides a pre-prompt you can add to your AI assistant’s settings to ensure transcripts are saved in the correct format with proper markers, backtick formatting, and descriptive filenames.

Comments

More AI & Agents MCP servers