session-replay
将Claude Code会话JSONL转为GIF终端回放
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：session-replay。 它的用途是：将Claude Code会话JSONL转为GIF终端回放 完整的 Skill 内容见：https://321skill.com/skills/session-replay-x-8/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'将我的Claude Code会话文件 session.jsonl 转换为GIF回放，帧率设为5'，它会读取文件并生成一个名为 session-replay.gif 的动画，展示从开始到结束的每个命令及其输出，你可以直接插入到演示文档中。
介绍
解决什么问题 开发者在用Claude Code进行编码时，会生成大量终端会话日志（JSONL格式）。这些日志虽然完整，但难以直观分享给他人查看操作过程。本Skill能将JSONL文件直接转换成动画GIF，完整还原终端命令输入、输出、等待和错误等时序，方便团队演示、Bug报告或技术分享。
怎么用 安装后，只需提供Claude Code导出的JSONL文件路径，Skill会自动解析会话中的每个步骤（包括命令、输出、时间戳），生成一个逐帧播放的GIF动图。你可以指定输出文件名、帧率、终端模拟风格等参数，让回放更贴近真实体验。
适合谁
- 后端开发/全栈开发：需要向同事或上级展示终端操作过程，避免口头描述不清。
- 内容创作者/文档工程师：制作教程或技术博客时，用GIF替代静态截图，让读者看到完整执行流程。
- 数据分析师：在分析日志或调试时，将历史会话可视化，便于回顾和分享。
使用建议或注意事项
- 确保Claude Code导出的JSONL文件格式正确，否则可能无法解析。
- 生成GIF的尺寸和帧率可根据需求调整，注意文件大小，过长的会话可能导致GIF过大。
- 建议配合终端背景色和字体设置，使回放效果更统一。
核心特点
同类工具大多只支持文本日志或静态截图，本Skill直接生成动画GIF，完整保留命令输入、输出时序和终端交互细节，无需额外录制软件。
注意事项
不适合需要交互式回放或实时调试的场景，仅生成静态动画GIF，无法点击或暂停查看具体输出。
常见问题
需要安装哪些依赖？
需要Node.js环境，以及支持的终端模拟库（会自动安装）。
生成的GIF文件太大怎么办？
可以降低帧率或缩短会话时长，或用参数限制总帧数。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/session-replay-x-8/raw/index.md 读取 session-replay 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/session-replay-x-8/raw/index.md（查看排版版本）