agentpng

agentpng이란?

agentpng는 AI 에이전트 코딩 세션을 공유 가능한 이미지로 변환하는 도구입니다. 세션 전사(예: Claude Code, Kiro, Cursor, Codex에서)를 붙여넣거나 내보내기하면 사이트에서 공유할 수 있는 스타일 적용 스크린샷을 생성합니다.

핵심 목적은 에이전트 실행 중 발생한 내용—프롬프트, 응답, 기타 전사 내용—을 원시 텍스트가 아닌 시각 형식으로 캡처하는 것입니다.

주요 기능

전사-to-이미지 내보내기: 세션 전사를 가져와 공유 가능하고 스타일 적용된 스크린샷으로 내보냅니다.
다양한 전사 형식 지원: 페이지에서 Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md) 및 관련 Kiro/터미널/일반 전사 형식을 지원한다고 표시합니다.
형식 감지 및 파싱: 워크플로에 붙여넣은 전사 내용에 대한 자동 감지 단계가 포함됩니다.
직접 전사 입력 및 파일 입력: 텍스트 붙여넣기(“Generic (User:/Assistant:)” 형식 포함) 또는 .jsonl, .json, .md, .log, .txt 등의 세션 파일 드롭이 가능합니다.
에이전트 세션 중심 출력: 페이지 예시는 일반 채팅 스니펫이 아닌 실제 코딩 에이전트 세션(예: 에이전트가 생성한 정렬/페이징 코드) 내보내기에 초점을 맞춥니다.

agentpng 사용 방법

에이전트 워크플로(예: Claude Code, Kiro, Cursor, Codex)에서 전사 시작. 세션 전사 텍스트를 복사하거나 세션 파일을 준비합니다.
agentpng.dev 열기 후 입력 영역에 전사를 붙여넣기하거나 세션 파일을 드롭 (페이지에 .jsonl, .md, .log, .txt 등의 일반 확장자 나열).
제공된 내용에 따라 자동 감지 기반으로 전사 형식을 선택 또는 확인.
전사에서 생성된 스타일 적용 스크린샷을 내보내기하여 세션 출력을 시각적으로 공유합니다.

사용 사례

팀원과 코딩 에이전트 실행 공유: 일반 로그보다 문서나 티켓에서 더 명확한 커뮤니케이션을 위해 전사를 스크린샷으로 내보냅니다.
엔지니어링 커뮤니티에 예시 게시: 소셜 플랫폼이나 이슈 트래커에서 읽기 쉬운 형식으로 프롬프트와 결과 코드 변경을 캡처합니다.
워크플로 문서화: 반복 에이전트 단계(프롬프트 → 추론/도구/출력)를 재사용 가능한 시각 참조로 변환합니다.
도구 간 에이전트 동작 비교: 여러 에이전트 제공자(예: Claude Code vs. Cursor) 세션을 내보내 형식이나 출력 차이를 보여줍니다.
터미널 기반 전사를 시각화: 네이티브 UI 내보내기가 없을 때 페이지에서 언급된 터미널 중심 전사 항목을 사용합니다.

자주 묻는 질문

agentpng가 지원하는 입력 형식은?

페이지에서 Claude Code (.jsonl), Kiro (.md), Codex (.jsonl), Cursor (.md), 기타 변형(Kiro Spec (.md), Kiro CLI (terminal), Generic (User:/Assistant:))을 지원한다고 나열합니다. .jsonl, .json, .md, .log, .txt 등의 파일 드롭도 언급됩니다.

전사 형식을 미리 정확히 알아야 하나요?

페이지에 붙여넣은 내용에 대한 자동 감지 단계를 보여 입력이 인식 가능하다면 수동 선택이 항상 필요하지 않음을 시사합니다.

출력으로 무엇을 받나요?

도구가 에이전트 세션 전사를 공유를 목적으로 한 스타일 적용 스크린샷으로 내보냅니다.

에이전트 UI에서 복사한 전사와 파일만 agentpng를 사용할 수 있나요?

둘 다 지원: 전사를 붙여넣기하거나 여러 일반 확장자가 나열된 세션 파일을 드롭할 수 있습니다.

나열된 에이전트 외 도구를 agentpng에서 지원하나요?

페이지에서 Claude Code, Kiro, Cursor, Codex & more를 지원하며 “형식 보기”를 언급하지만 모든 제공자를 열거하지 않습니다. 사이트의 “formats” 목록 확인이 특정 소스 확인에 가장 안전합니다.

대안

채팅/로그를 수동 스크린샷: 가끔 공유만 필요하다면 간단하지만, 다른 에이전트 도구 간 일관된 스타일링이 어렵습니다.
전사 렌더링 문서 도구: 이미지 내보내기 대신 마크다운/문서 렌더러에 전사를 붙여넣어 형식화된 텍스트를 공유; 스크린샷 기반이 아닌 편집 가능 콘텐츠로 다릅니다.
코드 중심 데모/다이어그램 도구: UI 상태 캡처나 단계별 시각 생성 도구는 구조화된 출력을 제공하지만, 전사-to-이미지 내보내기보다 수동 설정이 더 필요합니다.
로그의 마크다운/HTML 변환: 에이전트 전사를 형식화된 텍스트나 HTML로 변환해 가독성과 검색을 돕지만, agentpng의 “공유 가능 스크린샷” 워크플로와 맞지 않습니다.