LLM Chat Replay
@jonmadison
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
基本情報
設定
ツール
ツールは検出されませんでした
ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。
概要
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.
「AI とエージェント」の他のコンテンツ
Intervals.icu MCP Server
mvilanovaModel Context Protocol (MCP) server for connecting Claude and ChatGPT with the Intervals.icu API.
Sequential Thinking Multi-Agent System (MAS)
FradSerAn advanced sequential thinking process using a Multi-Agent System (MAS) built with the Agno framework and served via MCP.
Unreal Engine Generative AI Support Plugin
prajwalshettydevUnreal Engine plugin for LLM/GenAI models & MCP UE5 server. OpenAI GPT-5, Deepseek R1, Claude Opus/Sonnet, Gemini 3, Grok 4, Alibaba Qwen, Kimi, ElevenLabs TTS, Inworld, OpenRouter, Groq, GLM, Ollama, Local, Meshy, Tripo, Hunyuan3D, Rodin, fal, Dashscope, Seedream. NPC AI, agenti
21st.dev Magic AI Agent
21st-devIt's like v0 but in your Cursor/WindSurf/Cline. 21st dev Magic MCP server for working with your frontend like Magic
Model Context Protocol for Unreal Engine
chongdashuEnable AI assistant clients like Cursor, Windsurf and Claude Desktop to control Unreal Engine through natural language using the Model Context Protocol (MCP).
コメント