logging

Creates structured client-side logging, error reporting, and analytics tracking with privacy-aware data handling.

4|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/ProfPowell/vanilla-breeze --skill logging-profpowell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: logging
Source: https://github.com/ProfPowell/vanilla-breeze/tree/main/.claude/skills/logging
Command: npx skills add https://github.com/ProfPowell/vanilla-breeze --skill logging-profpowell

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a robust framework for structured client-side logging, error reporting, and analytics event tracking, ensuring data is captured reliably and privately.

Core Features & Use Cases

  • Structured Logging: Logs are JSON-serializable, making them easy to parse and aggregate. Supports different log levels (ERROR, WARN, INFO, DEBUG) configurable by environment.
  • Error Reporting: Reliably sends errors to a backend service using sendBeacon or fetch, with global handlers for uncaught errors and unhandled promise rejections.
  • Analytics Events: Tracks user interactions and page views with debounced sending and sendBeacon for reliability.
  • Privacy: Includes mechanisms for PII scrubbing and consent-based logging.
  • Use Case: Implement comprehensive client-side monitoring for a web application, capturing user interactions, performance metrics, and critical errors for debugging and analysis.

Quick Start

Use the logging skill to log an informational message with user ID 'user-123'.

Frequently Asked Questions about logging

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

FAQPage Schema
How do I implement structured client-side logging in JavaScript?

Structured client-side logging captures JSON-serializable data with configurable log levels like ERROR, WARN, INFO, and DEBUG. This makes logs easy to parse, aggregate, and filter across different application environments.

What is the best way to report uncaught JavaScript errors and unhandled promise rejections?

Reporting uncaught JavaScript errors and unhandled promise rejections is handled via global handlers that reliably send data using sendBeacon or fetch. This ensures error delivery succeeds even during page unloading.

How does PII scrubbing work for analytics event tracking?

PII scrubbing for analytics event tracking works by filtering sensitive data before logs are dispatched. Combined with consent-based logging, it ensures privacy-aware data handling for captured user interactions and page views.

Can I track analytics events reliably when a user is leaving a web page?

You can track analytics events reliably when a user is leaving a web page by utilizing sendBeacon and debounced sending. This guarantees interactions and page views are delivered without delaying browser navigation.

Does structured logging support session context and performance metrics?

Structured logging supports session context and performance logging out of the box. It captures performance metrics and ties them to specific user sessions to provide comprehensive client-side monitoring for debugging.