What problem does it solve?
Running mobile apps often fail silently — empty lists, blank screens, or swallowed network errors that never surface as visible crashes. This Skill watches the Metro dev-server terminal output, classifies runtime and bundle errors, and fixes them autonomously so you do not have to manually read logs and trace data paths.
Core Features & Use Cases
- Autonomous monitor loop: Polls the Metro terminal every 5 seconds, classifies issues using an 8-category table (JS Runtime, Import/Bundle, Network/API, Native, React, and more), applies one fix at a time, and exits after 3 consecutive clean polls.
- Symptom-driven diagnostics: Accepts a free-text symptom (e.g., "todos not appearing on home screen"), injects temporary traceable console.log statements at data-path boundaries, reads the terminal output, and cleans up all injected logs after the root cause is fixed.
- Smart routing: Fixes app screens, hooks, and components inline, but routes Dataverse schema issues to /add-dataverse, auth registration issues to /set-app-registration-native, and connector problems to /add-connector instead of editing generated or native config files.
- Use Case: After starting your Power Apps mobile app with
npm run dev, run /debug-app "list empty after refresh" to have the agent trace the data path from screen to generated service, identify a silent mock-data fallback, and fix it.
Quick Start
Run /debug-app with an optional symptom description after starting your app with npm run dev, for example: /debug-app "login button does nothing".
