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 カラーを使用しています。