evilmartians/agent-prism

해결하는 문제

AgentPrism은 복잡하고 JSON 중심적인 트레이스 데이터를 명확한 시각적 다이어그램으로 변환하여 AI 에이전트 디버깅 문제를 해결합니다. 이를 통해 에이전트의 행동(계획, 작업, 재시도 등)에 관한 중요한 정보가 원시 로그에서 유실되는 것을 방지합니다.

작동 방식

AI 에이전트의 트레이스를 시각화하는 React 컴포넌트 라이브러리입니다. 어댑터를 사용하여 OpenTelemetry (OTLP) 및 Langfuse와 같은 소스의 데이터를 UI 렌더링에 최적화된 형식으로 정규화합니다. 이러한 트레이스는 계층적 타임라인에 표시되어 사용자가 LLM 호출, 도구 실행 및 에이전트 워크플로우를 확인할 수 있도록 합니다.

대상 사용자

에이전트 워크플로우와 트레이스 데이터를 시각적으로 검사하고 디버깅해야 하는 AI 에이전트 구축 개발자.

주요 특징

• 포괄적인 시각화: 완전한 인터페이스를 위한 TraceViewer 또는 커스텀 레이아웃을 위한 TraceList, TreeView, DetailsView와 같은 개별 컴포넌트를 포함합니다.
• 폭넓은 데이터 지원: OpenTelemetry 및 Langfuse 형식을 위한 내장 어댑터를 제공합니다.
• 시맨틱 컨벤션 지원: 표준 GenAI 속성(예: gen_ai.*, llm.*, retrieval.*)을 인식하여 모델, 토큰 및 비용을 표시합니다.
• 커스텀 테마 설정: Tailwind CSS를 통한 유연한 스타일링을 위해 시맨틱 토큰과 Oklch 색상을 사용합니다.