Visualize Opentelemetry Agent Traces With Agent Prism

---
name: "Visualize OpenTelemetry agent traces with Agent Prism"
slug: "visualize-opentelemetry-agent-traces-with-agent-prism"
description: "Add Agent Prism's React trace viewer to inspect LLM calls, tool executions, retries, and agent workflows from OpenTelemetry or Langfuse-style trace data."
github_stars: 393
verification: "security_reviewed"
source: "https://github.com/evilmartians/agent-prism"
author: "Evil Martians"
publisher_type: "organization"
category: "Monitoring & Alerts"
framework: "Multi-Framework"
tool_ecosystem:
  github_repo: "evilmartians/agent-prism"
  github_stars: 393
  npm_package: "@evilmartians/agent-prism-data"
  npm_weekly_downloads: 7610
---

# Visualize OpenTelemetry agent traces with Agent Prism

Add Agent Prism's React trace viewer to inspect LLM calls, tool executions, retries, and agent workflows from OpenTelemetry or Langfuse-style trace data.

## Prerequisites

React 19, Tailwind CSS 3, npm, OpenTelemetry or Langfuse trace data

## Installation

Install or set up from the source-backed instructions:

Copy components with `npx degit evilmartians/agent-prism/packages/ui/src/components src/components/agent-prism`, install `@evilmartians/agent-prism-data` and `@evilmartians/agent-prism-types`, then render `TraceViewer` with converted trace spans.

- Source: https://github.com/evilmartians/agent-prism

## Documentation

- https://storybook.agent-prism.evilmartians.io/

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/visualize-opentelemetry-agent-traces-with-agent-prism/)