agentpng

¿Qué es agentpng?

agentpng es una herramienta que convierte sesiones de codificación de agentes de IA en imágenes compartibles. Pegas o exportas una transcripción de sesión (por ejemplo, de Claude Code, Kiro, Cursor o Codex), y el sitio genera una captura de pantalla con estilo que puedes compartir.

El propósito principal es ayudarte a capturar lo que ocurrió durante una ejecución de agente —prompts, respuestas y otro contenido de la transcripción— en un formato visual en lugar de texto crudo.

Características principales

• Exportación de transcripción a imagen: Toma una transcripción de sesión y expórtala como una captura de pantalla con estilo y compartible.
• Soporte para múltiples formatos de transcripción: La página indica soporte para formatos como Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), y formas relacionadas de Kiro/terminal/transcripciones genéricas.
• Detección y análisis de formato: El flujo incluye un paso de detección automática para el contenido de la transcripción pegada.
• Entrada directa de transcripción e input de archivo: Puedes pegar texto (incluyendo formatos “Generic (User:/Assistant:)”) o soltar un archivo de sesión como .jsonl, .json, .md, .log o .txt.
• Salida orientada a sesiones de agente: Los ejemplos en la página se centran en exportar sesiones reales de agentes de codificación (p. ej., código de ordenación/paginación producido por el agente) en lugar de fragmentos de chat genéricos.

Cómo usar agentpng

1. Inicia una transcripción desde tu flujo de agente (p. ej., Claude Code, Kiro, Cursor o Codex). Copia el texto de la transcripción de sesión o prepara el archivo de sesión.
2. Abre agentpng.dev y pega la transcripción en el área de entrada o suelta el archivo de sesión (la página lista extensiones comunes como .jsonl, .md, .log, .txt).
3. Selecciona o confirma el formato de la transcripción. La página indica soporte para detección automática, según lo que proporciones.
4. Exporta la captura de pantalla con estilo generada a partir de la transcripción para compartir la salida de la sesión de forma visual.

Casos de uso

• Comparte una ejecución de agente de codificación con compañeros: Exporta una transcripción como captura de pantalla para una comunicación más clara en docs o tickets que con logs planos.
• Publica ejemplos en comunidades de ingeniería: Captura el prompt y los cambios de código resultantes en un formato fácil de leer en plataformas sociales o rastreadores de issues.
• Crea documentación ligera para flujos de trabajo: Convierte pasos recurrentes de agente (prompt → razonamiento/herramientas/salida) en referencias visuales reutilizables.
• Compara comportamiento de agentes entre herramientas: Exporta sesiones de múltiples proveedores de agentes (p. ej., Claude Code vs. Cursor) para mostrar diferencias en formato o salida.
• Convierte transcripciones basadas en terminal en visuales: Usa entradas de transcripciones orientadas a terminal (como se menciona en la página) cuando no tienes exportación de UI nativa.

Preguntas frecuentes

¿Qué formatos de entrada acepta agentpng?

La página lista soporte para transcripciones de Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), más otras variantes como Kiro Spec (.md), Kiro CLI (terminal) y Generic (User:/Assistant:). También menciona soltar archivos con extensiones como .jsonl, .json, .md, .log y .txt.

¿Necesito conocer el formato exacto de la transcripción de antemano?

La página muestra un paso de detección automática para contenido pegado, lo que sugiere que no siempre necesitas elegir manualmente un formato si la entrada es reconocible.

¿Qué obtengo como salida?

La herramienta exporta la transcripción de tu sesión de agente como una captura de pantalla con estilo pensada para compartir.

¿Puedo usar agentpng con transcripciones copiadas de una UI de agente o solo archivos?

Ambos están indicados: puedes pegar una transcripción y también soltar un archivo de sesión (con varias extensiones comunes listadas).

¿agentpng soporta herramientas más allá de los agentes listados?

La página dice que soporta Claude Code, Kiro, Cursor, Codex y más y nota “ver formatos”, pero no enumera todos los proveedores posibles. Verificar la lista de “formatos” en el sitio es la forma más segura de confirmar fuentes específicas.

Alternativas

• Captura de pantalla manual del chat/log: Un enfoque directo si solo necesitas compartir ocasionalmente, pero puede ser más difícil lograr estilos consistentes entre diferentes herramientas de agente.
• Herramientas de documentación que renderizan transcripciones: En lugar de exportaciones de imagen, puedes pegar transcripciones en un renderizador de markdown/docs para compartir texto con formato; esto difiere al mantener el contenido editable en lugar de basado en capturas.
• Herramientas de demo/diagramas enfocadas en código: Herramientas que capturan estados de UI o crean visuales paso a paso pueden ofrecer salidas estructuradas, pero suelen requerir más configuración manual que la exportación de transcripción a imagen.
• Conversión de logs a Markdown/HTML: Convertir transcripciones de agente en texto formateado o HTML puede mejorar la legibilidad y búsqueda, pero no iguala el flujo de “captura de pantalla compartible” descrito para agentpng.