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 实现灵活的样式定制。