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 對比 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 的「可分享截圖」工作流程。