agentpng

O que é agentpng?

agentpng é uma ferramenta que transforma sessões de coding de agentes de IA em imagens compartilháveis. Você cola ou exporta uma transcrição de sessão (por exemplo, de Claude Code, Kiro, Cursor ou Codex), e o site gera um screenshot estilizado que você pode compartilhar.

O propósito principal é ajudar a capturar o que aconteceu durante uma execução de agente — prompts, respostas e outro conteúdo da transcrição — em formato visual em vez de texto bruto.

Principais Recursos

• Exportação de transcrição para imagem: Pegue uma transcrição de sessão e exporte como screenshot estilizado e compartilhável.
• Suporte a múltiplos formatos de transcrição: A página indica suporte a formatos como Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), e formas relacionadas de Kiro/terminal/transcrição genérica.
• Detecção e parsing de formato: O fluxo inclui uma etapa de detecção automática para o conteúdo da transcrição colada.
• Entrada direta de transcrição e input de arquivo: Você pode colar texto (incluindo formatos “Generic (User:/Assistant:)”) ou soltar um arquivo de sessão como .jsonl, .json, .md, .log ou .txt.
• Saída orientada a sessões de agente: Os exemplos na página focam em exportar sessões reais de coding-agent (ex.: código de sorting/paginação produzido pelo agente) em vez de trechos de chat genéricos.

Como Usar agentpng

1. Inicie uma transcrição do seu fluxo de agente (ex.: Claude Code, Kiro, Cursor ou Codex). Copie o texto da transcrição de sessão ou prepare o arquivo de sessão.
2. Abra agentpng.dev e cole a transcrição na área de input ou solte o arquivo de sessão (a página lista extensões comuns como .jsonl, .md, .log, .txt).
3. Selecione ou confirme o formato da transcrição. A página indica suporte a detecção automática, com base no que você fornecer.
4. Exporte o screenshot estilizado gerado a partir da transcrição para compartilhar a saída da sessão visualmente.

Casos de Uso

• Compartilhe uma execução de coding agent com a equipe: Exporte uma transcrição como screenshot para comunicação mais clara em docs ou tickets do que logs simples.
• Publique exemplos em comunidades de engenharia: Capture o prompt e as mudanças de código resultantes em formato fácil de ler em plataformas sociais ou trackers de issues.
• Crie documentação leve para fluxos de trabalho: Transforme etapas recorrentes de agente (prompt → raciocínio/ferramentas/saída) em referências visuais reutilizáveis.
• Compare comportamento de agentes entre ferramentas: Exporte sessões de múltiplos provedores de agente (ex.: Claude Code vs. Cursor) para mostrar diferenças em formatação ou saída.
• Transforme transcrições baseadas em terminal em visuais: Use entradas de transcrição orientadas a terminal (como referenciado na página) quando não houver exportação de UI nativa.

FAQ

Quais formatos de input agentpng aceita?

A página lista suporte a transcrições de Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), além de outras variantes incluindo Kiro Spec (.md), Kiro CLI (terminal) e Generic (User:/Assistant:). Também menciona soltura de arquivos com extensões como .jsonl, .json, .md, .log e .txt.

Preciso saber o formato exato da transcrição com antecedência?

A página mostra uma etapa de detecção automática para conteúdo colado, sugerindo que você nem sempre precisa escolher manualmente um formato se o input for reconhecível.

O que eu recebo como saída?

A ferramenta exporta a transcrição da sua sessão de agente como um screenshot estilizado destinado a ser compartilhado.

Posso usar agentpng com transcrições copiadas de UI de agente ou apenas arquivos?

Ambos são indicados: você pode colar uma transcrição e também soltar um arquivo de sessão (com várias extensões comuns listadas).

agentpng suporta ferramentas além dos agentes listados?

A página diz que suporta Claude Code, Kiro, Cursor, Codex & more e nota “see formats”, mas não enumera todos os provedores possíveis. Verificar a lista de “formats” no site é a forma mais segura de confirmar fontes específicas.

Alternativas

• Screenshot manual do chat/log: Abordagem direta se você precisar de compartilhamento ocasional, mas pode ser mais difícil produzir estilização consistente entre diferentes ferramentas de agente.
• Ferramentas de documentação que renderizam transcrições: Em vez de exportações de imagem, você pode colar transcrições em um renderizador markdown/doc para compartilhar texto com formatação; isso difere por manter o conteúdo editável em vez de baseado em screenshot.
• Ferramentas de demo/diagrama focadas em código: Ferramentas que capturam estados de UI ou criam visuais passo a passo podem fornecer saídas estruturadas, mas tipicamente exigem mais configuração manual que exportação de transcrição para imagem.
• Conversão de logs para Markdown/HTML: Converter transcrições de agente em texto formatado ou HTML pode ajudar na legibilidade e busca, mas não combina com o fluxo de “screenshot compartilhável” descrito para agentpng.