evilmartians/agent-prism

解決的問題

AgentPrism 透過將複雜且以 JSON 為主的追蹤數據轉換為清晰的視覺圖表，解決了 AI Agent 的除錯問題。它能防止關於 Agent 行為的關鍵資訊（例如計畫、動作和重試）在原始日誌中遺失。

工作原理

這是一個用於視覺化 AI Agent 追蹤軌跡的 React 組件庫。它使用適配器將來自 OpenTelemetry (OTLP) 和 Langfuse 等來源的數據標準化為針對 UI 渲染優化的格式。這些追蹤軌跡隨後會顯示在層級時間軸中，讓使用者可以查看 LLM 呼叫、工具執行和 Agent 工作流。

適用對象

需要透過視覺化方式檢查並除錯其 Agent 工作流與追蹤數據的 AI Agent 開發者。

亮點

• 全面的視覺化: 包括用於完整介面的 TraceViewer，或用於自定義佈局的單個組件，如 TraceList、TreeView 和 DetailsView。
• 廣泛的數據支援: 提供針對 OpenTelemetry 和 Langfuse 格式的內建適配器。
• 語義慣例支援: 識別標準 GenAI 屬性（例如 gen_ai.*、llm.*、retrieval.*）以顯示模型、Token 和成本。
• 可自定義的主題: 使用語義化 Token 和 Oklch 顏色，透過 Tailwind CSS 實現靈活的樣式設定。