devtools-instrumentation

What problem does it solve?

This Skill streamlines the process of instrumenting libraries to emit critical diagnostic data to TanStack Devtools, minimizing noise and maximizing insight for debugging.

Core Features & Use Cases

• Strategic Event Emission: Place emit() calls at architecture boundaries (middleware, state transitions, lifecycle hooks) for maximum diagnostic value.
• Consolidated Events: Reduce high-frequency emissions into single, informative events.
• DRY Payloads: Reuse common data fields across multiple event types.
• Production Guarding: Ensure minimal overhead in production environments.
• Transparent Bridging: Seamlessly send events from server to client and across browser tabs.
• Use Case: Instrumenting a custom router library to emit a single request-processed event that includes middleware chain duration, status, and error information, allowing for quick identification of performance bottlenecks.

Quick Start

Use the devtools-instrumentation skill to add event emissions to the router's middleware pipeline boundaries.