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-3/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

‘帮我把刚才的Claude Code会话文件 session.jsonl 转换成GIF动画。’,它会解析该JSONL文件,提取其中的终端命令序列和输出,并生成一个名为 session_replay.gif 的动画文件,清晰展示每一步操作和结果。

介绍

这个Skill解决了开发者需要分享或回顾终端操作过程的问题。它能够读取Claude Code生成的JSONL格式会话文件,解析其中的终端命令和输出,并自动生成一个动态的GIF动画,生动地再现整个编码会话的终端操作流程。

使用方式非常简单:用户只需准备好Claude Code会话导出的JSONL文件,通过Skill提供的命令或接口,指定输入文件和输出路径,即可一键生成GIF动画。整个过程自动化,无需手动录制或截图。

该Skill非常适合需要记录、演示或复盘终端操作的前后端开发者和运维工程师。无论是用于团队知识分享、教学演示,还是个人工作复盘,都能提供直观的视觉记录。

建议在使用前确保JSONL文件格式正确,且包含完整的终端交互数据。生成的GIF文件大小取决于会话长度,过长的会话可能导致文件较大,建议根据实际需要截取关键片段进行转换。

核心特点

与普通的屏幕录制工具不同,它直接从Claude Code的结构化会话数据生成动画,确保了回放的精确性和可重复性;同时,它生成的GIF文件体积更小,且不包含无关的桌面背景或隐私信息。

注意事项

不适合转换非Claude Code生成的、或格式不规范的JSONL文件,且生成的GIF动画无法进行交互操作。

常见问题

支持哪些格式的输入文件?

仅支持Claude Code生成的JSONL格式会话文件。

生成的GIF可以调整播放速度吗?

是的,通常可以通过参数调整帧率来控制播放速度。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/session-replay-x-3/raw/index.md 读取 session-replay 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。