What problem does it solve?
This Skill identifies elusive UI bugs that standard debugging and static code analysis miss, where individual functions work correctly but collectively leave the interface in an inconsistent state, cancel intended actions, or produce a final state that does not match user expectations from the UI element's label.
Core Features & Use Cases
- Full State Flow Tracing: Maps every state read, write, and side effect for each UI touchpoint handler to uncover hidden interactions between state changes.
- Pattern-Based Bug Detection: Catches common elusive bugs including sequential undo, async race conditions, stale closures, missing state transitions, dead code paths, and unintended useEffect interference.
- Use Case: Ideal for post-refactor validation of shared state stores, debugging user-reported broken buttons that pass all standard checks, and pre-release auditing of critical user flows.
Quick Start
Use the click-path-audit skill to trace the full state change sequence of the "New Email" button in your email client to identify why it does not open the compose window as expected.