observability

Implement client-side and server-side observability with JavaScript and Node.js middleware.

4|Updated Jan 13, 2026

Search Tags:#debugging #logging #web vitals #observability #performance monitoring #error tracking

Ready to run

npx skills add https://github.com/ProfPowell/vanilla-breeze --skill observability-profpowell

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: observability
Source: https://github.com/ProfPowell/vanilla-breeze/tree/main/.claude/skills/observability
Command: npx skills add https://github.com/ProfPowell/vanilla-breeze --skill observability-profpowell

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you proactively identify and resolve issues in your application by implementing robust error tracking, performance monitoring, and user feedback mechanisms.

Core Features & Use Cases

Error Tracking: Catches unhandled exceptions, promise rejections, and component errors.
Performance Monitoring: Tracks Web Vitals and custom operation timings.
User Feedback: Provides a widget for users to report issues with context.
Use Case: When a critical bug is reported in production, use this Skill to analyze the error reports, pinpoint the source of the problem, and implement a fix.

Quick Start

Implement global error handling by adding the provided window.onerror and onunhandledrejection handlers to your application's initialization script.

Frequently Asked Questions about observability

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

FAQPage Schema

How do I implement error tracking for unhandled exceptions in web applications?▼

Error tracking for web applications is implemented by adding global error handling scripts. You catch unhandled exceptions and promise rejections using window.onerror and onunhandledrejection handlers in your application's initialization script.

How do I monitor Web Vitals and custom performance timings in Node.js?▼

Performance monitoring for Web Vitals and custom timings is achieved using JavaScript for browser-based metrics and Node.js middleware for server-side logging. This allows you to track real-time performance bottlenecks across your application.

What is the best way to capture user-reported issues with debugging context?▼

Capturing user-reported issues with debugging context is done through a user feedback widget. This mechanism aggregates issue reports directly from users, providing contextual data to help pinpoint the source of production bugs.

Does observability work with both client-side and server-side logging?▼

Observability works with both client-side and server-side logging. It utilizes JavaScript for browser-based monitoring and Node.js middleware for server-side tracing, providing comprehensive application coverage without external dependencies.

Can I use this to trace the source of a critical bug reported in production?▼

You can trace the source of a critical bug reported in production using this Skill. It analyzes aggregated error reports and user feedback context to pinpoint the exact source of the problem so you can implement a fix.

When do I need to add global error handlers for promise rejections?▼

You need to add global error handlers for promise rejections during your application's initialization phase. Implementing onunhandledrejection handlers proactively catches these errors, ensuring real-time detection before they impact users.