agentpng

agentpng 是什么？

agentpng 是一款将 AI 代理编程会话转为可分享图片的工具。您可以粘贴或导出会话记录（例如来自 Claude Code、Kiro、Cursor 或 Codex），网站会生成可分享的样式截图。

核心目的是帮助您以视觉格式捕获代理运行中的内容——提示、响应及其他记录内容，而非纯文本。

主要功能

• 记录转图片导出：将会话记录导出为可分享的样式截图。
• 多格式记录支持：页面显示支持 Claude Code (.jsonl)、Kiro (.md)、Codex (.jsonl)、Cursor (.md) 等格式，以及相关的 Kiro/终端/通用记录形式。
• 格式检测与解析：工作流程包含对粘贴记录内容的 自动检测 步骤。
• 直接输入文本或文件：可粘贴文本（包括“Generic (User:/Assistant:)”格式）或拖拽会话文件，如 .jsonl、.json、.md、.log 或 .txt。
• 面向代理会话的输出：页面示例聚焦于导出实际编程代理会话（例如代理生成的排序/分页代码），而非通用聊天片段。

如何使用 agentpng

1. 从代理工作流启动记录（例如 Claude Code、Kiro、Cursor 或 Codex）。复制会话记录文本或准备会话文件。
2. 打开 agentpng.dev，在输入区 粘贴 记录或 拖拽 会话文件（页面列出常见扩展名，如 .jsonl、.md、.log、.txt）。
3. 选择或确认记录格式。页面显示支持 自动检测，基于您提供的内容。
4. 导出生成的样式截图，以视觉方式分享会话输出。

使用场景

• 与团队分享编程代理运行：将记录导出为截图，用于文档或工单中比纯日志更清晰的沟通。
• 在工程社区发布示例：捕获提示及生成代码变更，以易读格式用于社交平台或问题跟踪器。
• 为工作流创建轻量文档：将重复代理步骤（提示 → 推理/工具/输出）转为可复用视觉参考。
• 比较不同工具的代理行为：导出多个代理提供商的会话（例如 Claude Code vs. Cursor），展示格式或输出差异。
• 将终端记录转为视觉内容：使用页面提及的终端导向记录输入，当无原生 UI 导出时。

常见问题

agentpng 支持哪些输入格式？

页面列出支持 Claude Code (.jsonl)、Kiro (.md)、Codex (.jsonl)、Cursor (.md) 等记录，以及其他变体，包括 Kiro Spec (.md)、Kiro CLI (terminal) 和 Generic (User:/Assistant:)。还支持拖拽扩展名为 .jsonl、.json、.md、.log 和 .txt 的文件。

我需要提前知道确切记录格式吗？

页面显示粘贴内容的 自动检测 步骤，表明如果输入可识别，则无需总是手动选择格式。

输出是什么？

工具将您的代理会话记录导出为 样式截图，用于分享。

agentpng 可用于从代理 UI 复制的记录，还是仅限文件？

两者均支持：可 粘贴 记录，也可 拖拽 会话文件（列出多个常见扩展名）。

agentpng 支持列出代理之外的工具吗？

页面称支持 Claude Code, Kiro, Cursor, Codex & more 并注明“see formats”，但未列出所有提供商。查看网站“formats”列表是确认特定来源的最安全方式。

替代方案

• 手动截图聊天/日志：适合偶尔分享的简单方法，但跨不同代理工具产生一致样式较难。
• 渲染记录的文档工具：可将记录粘贴到 markdown/文档渲染器分享带格式文本；这与保持内容可编辑不同，而非基于截图。
• 代码导向演示/图表工具：捕获 UI 状态或创建逐步视觉的工具可提供结构化输出，但通常需更多手动设置，而非记录转图片导出。
• 日志的 Markdown/HTML 转换：将代理记录转为格式化文本或 HTML 可提升可读性和搜索，但无法匹配 agentpng 描述的“可分享截图”工作流。