What problem does it solve? Systematic debugging verifies that functions exist, run without errors, and return correct types, but it misses bugs where individually working functions cancel each other out through shared state side effects. This Skill finds buttons that appear wired correctly yet do nothing because a later call silently resets state set by an earlier call. ## Core Features & Use Cases - State Store Side-Effect Mapping: Documents every Zustand store or React context action with the fields it sets and the fields it silently resets. - Touchpoint Handler Tracing: Walks every onClick, onSubmit, and onChange handler call-by-call to detect sequential undo, async races, stale closures, missing transitions, dead paths, and useEffect interference. - Structured Bug Reports: Produces severity-rated findings with the full call trace, expected versus actual state, and a specific fix. - Use Case: A "New Email" button calls setComposeMode(true) then selectThread(null); both work individually, but selectThread resets composeMode to false, so the button does nothing. This audit catches that conflict. ## Quick Start Audit every button on the emails page by tracing each handler's state changes through the Zustand store and report any conflicting side effects.
