full-stack-debugger

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.

| Task | MCP Tool | Token Savings | Usage |

يجب استخدام هذه المهارة عند تصحيح مشكلات المكدس الكامل التي تشمل طبقات واجهة المستخدم والواجهة الخلفية وقاعدة البيانات. فهو يوفر سير عمل منهجي لاكتشاف الأخطاء، وتحليل الأسباب الجذرية، وتطبيق الإصلاحات بشكل متكرر، والتحقق من الحلول من خلال إعادة تشغيل الخادم تلقائيًا والاختبار المستند إلى المتصفح. مثالي لسيناريوهات مثل فشل المجدولين، أو أخطاء الاستيراد، أو مشكلات قاعدة البيانات، أو مشكلات حمولة واجهة برمجة التطبيقات (API) حيث تنشأ المشكلات في كود الواجهة الخلفية ولكنها تظهر في واجهة المستخدم. المصدر: ingpoc/skills.