Does this skill support both Fetch and Axios?

Yes, it provides implementation templates and patterns for both the native Fetch API and the popular Axios library.

How does it handle sensitive user data?

The skill includes strict guidelines on 'What NOT to Log,' specifically advising against capturing request bodies, auth headers, and user tokens to ensure security and PII compliance.

Can this skill help reduce API latency?

While it doesn't modify the API itself, it provides the metrics (p50, p95) and tracing tools necessary to identify where delays are occurring so you can optimize performance.

Is it compatible with OpenTelemetry (OTel)?

Absolutely. It uses OTel-standardized naming conventions for attributes like method, status code, and duration to ensure easy migration to any OTel-compatible collector.

API Tracing & Observability

Name: API Tracing & Observability
Author: nexus-labs-automation

bynexus-labs-automation

0•

分析与监控

Instruments web application API requests with distributed tracing and performance spans to monitor latency and reliability.

This skill provides standardized guidance and implementation patterns for instrumenting API requests within web applications using OpenTelemetry-compatible naming conventions. It empowers developers to track request durations, error rates, and distributed traces while maintaining rigorous security best practices by excluding sensitive data like authentication headers and PII. By following these patterns, teams can easily debug backend bottlenecks, monitor service health, and ensure high-performance API interactions across modern frameworks like React, Vue, and Svelte.

主要功能

01OpenTelemetry (OTel) compatible attribute mapping for standardized telemetry

02Security-first logging practices to prevent PII and credential leakage

03Automated interceptor templates for Fetch and Axios libraries

04Performance benchmarking for p50 and p95 latency thresholds

05Error rate tracking and distributed trace correlation for full-stack visibility

060 GitHub stars

使用场景

01Correlating frontend network requests with backend distributed traces

02Debugging slow API responses and identifying specific performance bottlenecks

03Implementing standardized observability in React, Vue, or Svelte applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nexus-labs-automation/web-observability api-tracing

For use in Claude.ai and ChatGPT

Download Skill