agentpng - Turn Agent Sessions into Shareable Images

1 min read Original article ↗

drop a transcript from Claude Code, Kiro, Cursor, or Codex

Claude Code SessionClaude Code · 1m

you

Create a React component that renders a sortable table with pagination

claude code

I'll create a sortable table component with pagination. Plan: 1. Create SortableTable component with column config 2. Add sort state with ascending/descending toggle 3. Implement pagination with configurable page size 4. Add keyboard navigation for accessibility

plan

Create SortableTable component with column config

Add sort state with ascending/descending toggle

Implement pagination with configurable page size

Add keyboard navigation for accessibility

you

Can you add column filtering too?

claude code

Sure, I'll add column-level filtering with debounced inputs. - [x] Read existing filter hook - [x] Add FilterRow component - [ ] Wire up debounced input - [ ] Add clear button per column

4 messagesagentpng.dev

drop a session file

.jsonl · .json · .txt · .md · .log

or use the

agent-transcript

skill to export sessions directly from your agent ·

npx skills add siegerts/agent-transcript

paste or drop a session transcript

supports Claude Code, Kiro, Cursor, Codex & more — see formats