agentpng
paste a transcript, get an image · faq docs

Supported formats

Paste or drag-and-drop a session file. agentpng auto-detects the format.

Claude Code
.jsonl ~/.claude/projects/<project>/<session>.jsonl
Kiro
.md Right-click chat tab > Export Conversation
Kiro Spec
.md .kiro/specs/<feature>/tasks.md
Cursor
.md Chat > ... > Export Chat
Codex
.jsonl ~/.codex/sessions/
Gemini CLI *
.json / text ~/.gemini/tmp/<project>/checkpoints/
Copilot CLI *
text Terminal output with User:/Copilot: prefixes
ChatGPT *
.json Settings > Data Controls > Export

* Needs validation — parsing may require adjustments. Submit feedback.

Settings

These controls appear in the sidebar after you load a session.

theme
Syntax highlighting theme for the card. Multiple dark and light themes available (e.g. Vitesse Dark, GitHub Light, Nord). Your selection is saved across sessions.
tool calls
Show or hide tool/function call blocks and their outputs in assistant messages.
timestamps
Display timestamps next to each message.
reasoning
Show or hide thinking/reasoning blocks from the assistant.
plans / tasks
Display plan steps or task checklists extracted from messages.
sources
Show file paths and URLs referenced in messages.
window buttons
Toggle the macOS-style traffic light buttons at the top of the card.
split into parts
Enable multi-part export. Splits the card into segments for platforms with size limits.
split mode
How to split: by message (one segment per message), mid-message (split at content boundaries within a fixed height), or click to split (manually click where to divide).
size preset
Platform presets that set width and height — Custom, Twitter/X (600px), Threads (540px), LinkedIn (700px), Instagram (540px), TikTok (450px).
width
Card width in pixels, from 400 to 900.
max messages
Limit how many messages to render. Set to "all" to show everything.

Message selector

Below the settings panel, each message in the session is listed with a checkbox. Uncheck messages to exclude them from the exported image. This lets you focus on the most relevant parts of a conversation.

Generic format

For agents without a dedicated parser, paste plain text with User: and Assistant: prefixes: 

User: How do I deploy to S3?

Assistant: Use the AWS CLI:
```sh
aws s3 sync ./dist s3://my-bucket
```

Agent skill

Use the agent-transcript skill to let your coding agent find and export session transcripts directly. It knows where each agent stores its sessions and handles the export for you.

npx skills add siegerts/agent-transcript