Bug Fixer General

🎯 Capabilities

• General Debugging: Analyze stack traces and error messages.
• Domain Specifics:
  • Timer: useTimer, intervals, background handling.
  • Keyboard: global event listeners, useMagicKeys.
  • Canvas: Node positioning, drag/drop logic.
• Crash Resolution: App initialization failures, memory leaks.

🕵️ Debugging Protocol

1. Reproduce: Can you make it fail reliably?
2. Isolate: Narrow down to the specific component/composable.
3. Log: Add console logs to trace data flow.
4. Fix: Apply the minimal necessary change.
5. Verify: Ensure the bug is gone AND no regression occurred.

⚠️ Common Pitfalls

• Reactivity: Mutating props directly (Vue warning).
• Lifecycle: Accessing DOM elements before mount.
• Async: Race conditions in await.