Full Stack Debugger

Overview

The Full Stack Debugger enables systematic debugging of issues across the entire application stack (UI/Frontend, Backend/API, Database/State). It combines browser testing, log analysis, code examination, and automated server restart/verification to iteratively identify and fix issues one at a time until the system is fully operational.

This skill uses a proven workflow: Detection → Analysis → Fix → Restart → Verification → Iteration to systematically resolve issues that developers encounter during development and testing.

When to Use This Skill

Trigger this skill when observing:

• Error states in the UI (dashboard, buttons failing, status showing errors)
• Repeated failures in backend logs (task execution failures, import errors, database errors)
• Unexpected database state (rows showing failed status when they should succeed)
• API endpoints returning errors or unexpected responses
• Services failing to initialize or process tasks
• Cascading failures across multiple components

Debugging Workflow