observability

Set up OpenTelemetry tracing and structured logging for Next.js applications.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill observability-mattwoodco
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observability
Source: https://github.com/mattwoodco/skills/tree/main/skills/observability
Command: npx skills add https://github.com/mattwoodco/skills --skill observability-mattwoodco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of understanding application behavior in production by setting up comprehensive tracing and structured logging for Next.js applications.

Core Features & Use Cases

  • OpenTelemetry Tracing: Integrates OpenTelemetry for end-to-end request tracing.
  • Structured Logging: Implements structured logging with trace context for easier debugging and analysis.
  • Backend Agnostic: Supports multiple observability backends like Vercel, Baselime, Axiom, and HyperDX.
  • Use Case: When deploying a new feature, you can use this skill to ensure all requests are traced and all relevant events are logged with context, allowing you to quickly identify performance bottlenecks or errors.

Quick Start

Use the observability skill to set up OpenTelemetry tracing and structured logging for your Next.js application.

Frequently Asked Questions about observability

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up OpenTelemetry tracing in a Next.js application?

To set up OpenTelemetry tracing in a Next.js application, you need to configure instrumentation that automatically traces fetch, HTTP, and Node.js operations end-to-end. This provides comprehensive request tracing across your application.

What is the best way to add structured logging with trace context to Next.js?

Structured logging with trace context in Next.js involves formatting log events with corresponding trace IDs to link them to specific requests. This allows you to easily debug and analyze application behavior by correlating logs with traces.

Can I use OpenTelemetry with observability backends like Vercel, Baselime, Axiom, or HyperDX?

Yes, you can use OpenTelemetry with observability backends like Vercel, Baselime, Axiom, and HyperDX. The instrumentation is backend agnostic, allowing you to route your Next.js tracing and telemetry data to any of these supported platforms.

How do I create custom spans and measure performance in Next.js?

To create custom spans and measure performance in Next.js, you use provided utilities to define specific operations within your application. This allows you to capture granular telemetry data and identify performance bottlenecks during feature deployment.

Why does my Next.js app need automatic instrumentation for fetch and HTTP requests?

Automatic instrumentation for fetch and HTTP requests is needed to capture end-to-end application behavior without manual code changes. It ensures all relevant network events are traced and logged with context for quick bottleneck and error identification.