monitoring-setup

Configure structured logging, metrics, tracing, health checks, and alerting for Python/React services.

1|Updated Feb 7, 2026
One-click install
npx skills add https://github.com/xvawl/template-nextjs --skill monitoring-setup-xvawl
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: monitoring-setup
Source: https://github.com/xvawl/template-nextjs/tree/main/.agents/skills/monitoring-setup
Command: npx skills add https://github.com/xvawl/template-nextjs --skill monitoring-setup-xvawl

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a turnkey observability setup for Python/React projects, enabling teams to ship robust monitoring with minimal boilerplate.

Core Features & Use Cases

  • Structured logging with context via OpenTelemetry, Prometheus metrics, health checks, and Grafana dashboards.
  • End-to-end visibility across FastAPI backends, frontend apps, and background tasks, including Sentry integration for error tracking.
  • Quick start templates and guidelines to bootstrap an initial observability footprint, including health endpoints and alerting patterns.

Quick Start

Initialize your project with the monitoring templates and integrate the provided references to enable metrics, logging, tracing, and dashboards.

Frequently Asked Questions about monitoring-setup

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

FAQPage Schema
How do I set up observability for a Python and React application?

This setup configures structured logging via structlog, metrics with Prometheus, tracing using OpenTelemetry, and Grafana dashboards for Python and React applications. It enables end-to-end visibility across backend APIs and frontend components.

What is the best way to add structured logging and tracing to FastAPI backends?

Adding structured logging via structlog and distributed tracing using OpenTelemetry provides context-aware logs and request visibility for FastAPI backends. This configuration integrates with Prometheus metrics and Grafana dashboards for comprehensive backend monitoring.

Do I need Prometheus and Grafana to implement health checks and alerting?

You need Prometheus for metrics collection and Grafana for dashboard visualization to support health checks and alerting. This configuration provides incident prevention guidelines and dashboards across development and production environments.

Can I use this observability setup for frontend components and background tasks?

Yes, this observability configuration applies to frontend components and background tasks, providing end-to-end visibility. It includes Sentry integration for error tracking and quick start templates to bootstrap monitoring across your entire project architecture.

How does OpenTelemetry integrate with Prometheus metrics and Grafana dashboards?

OpenTelemetry provides distributed tracing that correlates with Prometheus metrics, which are visualized through Grafana dashboard patterns. This configuration delivers end-to-end visibility, structured logging context, and incident prevention across development and production environments.