agentpng

Qu’est-ce qu’agentpng ?

agentpng est un outil qui transforme les sessions de codage d’agents IA en images partageables. Vous collez ou exportez une transcription de session (par exemple depuis Claude Code, Kiro, Cursor ou Codex), et le site génère une capture d’écran stylée que vous pouvez partager.

L’objectif principal est de vous aider à capturer ce qui s’est passé lors d’une exécution d’agent — prompts, réponses et autre contenu de transcription — sous forme visuelle plutôt que texte brut.

Fonctionnalités principales

• Export transcription vers image : Prenez une transcription de session et exportez-la en capture d’écran stylée et partageable.
• Support multi-formats de transcriptions : La page indique le support de formats comme Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), et formes associées Kiro/terminal/génériques.
• Détection et analyse de format : Le flux inclut une étape d’auto-détection pour le contenu de transcription collé.
• Saisie directe de transcription et entrée fichier : Collez du texte (y compris formats « Generic (User:/Assistant:) ») ou déposez un fichier de session comme .jsonl, .json, .md, .log ou .txt.
• Sortie orientée sessions d’agents : Les exemples sur la page se concentrent sur l’export de sessions réelles d’agents de codage (ex. : code de tri/pagination produit par l’agent) plutôt que snippets de chat génériques.

Comment utiliser agentpng

1. Démarrez une transcription depuis votre flux d’agent (ex. : Claude Code, Kiro, Cursor ou Codex). Copiez le texte de la transcription de session ou préparez le fichier de session.
2. Ouvrez agentpng.dev et collez la transcription dans la zone d’entrée ou déposez le fichier de session (la page liste les extensions courantes comme .jsonl, .md, .log, .txt).
3. Sélectionnez ou confirmez le format de transcription. La page indique un support auto-détect, basé sur ce que vous fournissez.
4. Exportez la capture d’écran stylée générée à partir de la transcription pour partager visuellement la sortie de session.

Cas d’usage

• Partager une exécution d’agent de codage avec l’équipe : Exportez une transcription en capture d’écran pour une communication plus claire dans les docs ou tickets que des logs bruts.
• Publier des exemples dans les communautés ingénierie : Capturez le prompt et les changements de code résultants dans un format facile à lire sur les réseaux sociaux ou dans les trackers d’issues.
• Créer une documentation légère pour les workflows : Transformez des étapes récurrentes d’agent (prompt → raisonnement/outils/sortie) en références visuelles réutilisables.
• Comparer le comportement des agents entre outils : Exportez des sessions de plusieurs fournisseurs d’agents (ex. : Claude Code vs. Cursor) pour montrer les différences de formatage ou de sortie.
• Transformer des transcriptions terminal en visuels : Utilisez des entrées de transcription orientées terminal (comme référencées par la page) quand vous n’avez pas d’export UI natif.

FAQ

Quels formats d’entrée agentpng accepte-t-il ?

La page liste le support de transcriptions de Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), plus variantes comme Kiro Spec (.md), Kiro CLI (terminal) et Generic (User:/Assistant:). Elle mentionne aussi les dépôts de fichiers avec extensions comme .jsonl, .json, .md, .log et .txt.

Dois-je connaître le format exact de transcription à l’avance ?

La page montre une étape auto-détect pour le contenu collé, suggérant que vous n’avez pas toujours besoin de choisir manuellement un format si l’entrée est reconnaissable.

Qu’obtiens-je en sortie ?

L’outil exporte votre transcription de session d’agent en capture d’écran stylée destinée au partage.

Puis-je utiliser agentpng avec des transcriptions copiées d’une UI d’agent ou seulement des fichiers ?

Les deux sont indiqués : vous pouvez coller une transcription et aussi déposer un fichier de session (avec plusieurs extensions courantes listées).

agentpng supporte-t-il des outils au-delà des agents listés ?

La page dit supporter Claude Code, Kiro, Cursor, Codex & more et note « see formats », mais n’énumère pas tous les fournisseurs possibles. Vérifier la liste « formats » sur le site est la façon la plus sûre de confirmer les sources spécifiques.

Alternatives

• Capture d’écran manuelle du chat/log : Approche simple si partage occasionnel, mais plus difficile pour un style cohérent entre outils d’agents.
• Outils de documentation qui rendent les transcriptions : Au lieu d’exports image, collez les transcriptions dans un renderer markdown/doc pour partager du texte formaté ; cela garde le contenu éditable plutôt que basé sur capture.
• Outils de démo/diagramme axés code : Outils capturant états UI ou créant visuels étape par étape offrent sorties structurées, mais demandent souvent plus de configuration manuelle que l’export transcription-vers-image.
• Conversion Markdown/HTML de logs : Convertir transcriptions d’agents en texte ou HTML formaté améliore lisibilité et recherche, mais ne correspond pas au workflow « capture d’écran partageable » décrit pour agentpng.