session-replay
将Claude Code会话日志转换为终端回放GIF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：session-replay。 它的用途是：将Claude Code会话日志转换为终端回放GIF 完整的 Skill 内容见：https://321skill.com/skills/session-replay-x-7/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'将我的Claude Code会话文件 ~/claude-sessions/2025-02-10.jsonl 转换为GIF，速度设为1.5倍，输出到当前目录。' 它会自动解析会话日志，逐帧渲染终端操作和AI响应，生成一个带时间戳的动画GIF，方便你直接拖入PPT或分享到团队群。
介绍
session-replay 是一个轻量级命令行工具，专门解决 Claude Code 用户无法直观分享 AI 交互过程的问题。它读取 Claude Code 自动生成的 JSONL 会话日志文件，将其还原为终端风格的动画 GIF，完整展示每一次 AI 回复、代码输出和终端操作，让团队协作、技术分享和教学演示更加生动直观。
使用方式非常简单：只需提供 Claude Code 会话目录下的 JSONL 文件路径，工具会自动解析时间戳、命令、输出和 AI 响应，生成逐帧动画 GIF。支持自定义播放速度、帧率、窗口尺寸和颜色主题，可输出到指定文件，便于直接嵌入文档、演示文稿或社交媒体。
适合所有使用 Claude Code 进行开发、调试或智能体编排的开发者，尤其是需要向团队展示 AI 工作流、制作课堂教学素材、或录制技术分享视频的人群。文档工程师可用它快速生成产品演示，智能体开发者可展示多轮交互逻辑，全栈开发者可分享代码生成过程。
建议在生成 GIF 前检查会话文件中是否包含敏感信息（如 API Key、密码），因为 GIF 会完整重现终端内容。对于超长会话，可先截取关键片段再转换，避免输出文件过大。工具本身不依赖图形界面，适合在服务器或 CI/CD 环境中使用。
核心特点
与 ScreenToGif、asciinema 等通用录制工具不同，session-replay 直接基于 Claude Code 的结构化日志还原交互，无需手动录制屏幕，且能精确保留 AI 响应时间、代码块高亮和终端上下文，适合批量生成和自动化流水线。
注意事项
仅支持 Claude Code 生成的 JSONL 日志文件，无法用于其他终端模拟器或 AI 工具的会话录制。
常见问题
如何安装 session-replay？
通过 npm 全局安装：npm install -g session-replay
需要哪些依赖？
需要 Node.js 16+ 环境，以及系统中安装有 ImageMagick 或 ffmpeg 用于 GIF 编码。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/session-replay-x-7/raw/index.md 读取 session-replay 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/session-replay-x-7/raw/index.md（查看排版版本）