skills.rest
ingpoc
ingpocCOMMUNITY
Explore all skills by this author →
GitHub

full-stack-debugger

Debug UI, API, and database issues with a six-phase workflow.

9|Updated Dec 13, 2025
Search Tags:#workflow#debugging#logs#full-stack#frontend#backend
One-click install
npx skills add https://github.com/ingpoc/SKILLS --skill full-stack-debugger
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: full-stack-debugger
Source: https://github.com/ingpoc/SKILLS/tree/main/full-stack-debugger
Command: npx skills add https://github.com/ingpoc/SKILLS --skill full-stack-debugger

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Resolves complex issues that span the UI, backend, and database by providing a repeatable six-phase debugging workflow to detect, analyze, fix, restart, verify, and iterate until the system is fully operational.

Core Features & Use Cases

  • Phase-driven debugging across UI, API, and database to identify and resolve cascading failures.
  • Multilayer detection using browser checks, log inspection, and database state evaluation.
  • Automated restart and verification workflow to validate fixes and prevent regressions.
  • MCP tool integration for efficient issue analysis and guidance.

Quick Start

To begin, invoke the skill with a concise issue description, for example '@full-stack-debugger Debug UI shows 0 done but 4 failed'.

Frequently Asked Questions about full-stack-debugger

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I start debugging a full-stack application using this workflow?▼

Start debugging a full-stack application by invoking the workflow with a concise issue description, such as providing the specific UI error text or task failure summary to trigger the analysis phases.

How do I debug full-stack issues that span UI, API, and database layers?▼

Debug full-stack issues by following a repeatable six-phase workflow: Detection, Analysis, Fix, Restart, Verification, and Iteration to resolve cascading failures across UI, API, and database layers.

What is the best way to trace backend task failures that manifest as UI errors?▼

Trace backend task failures manifesting as UI errors using multilayer detection that combines browser checks, backend log inspection, and database state evaluation to pinpoint the root cause.

How do I verify a code fix and prevent regressions across frontend and backend?▼

Verify code fixes and prevent regressions using an automated restart and verification workflow that validates the system is fully operational after applying fixes to the frontend or backend.

Can I debug API payload problems and database inconsistencies with a systematic workflow?▼

Yes, you can debug API payload problems and database inconsistencies using a phase-driven debugging workflow that analyzes code origins and iterates until the system is fully operational.

How do I start debugging a full-stack application using this workflow?▼

Start debugging a full-stack application by invoking the workflow with a concise issue description, such as providing the specific UI error text or task failure summary to trigger the analysis phases.

Related Skills

Explore More Software Engineering Skills→
JordiNodeJSJordiNodeJS

webapp-testing

Automate UI/UX testing of web apps using Chrome DevTools MCP.

Community
Advanced
DaddyElonMusk69DaddyElonMusk69

test-driven-development

Enforce test-first development with failing tests, minimal code, and regression checks.

Community
Intermediate
stefanbosakstefanbosak

graylog-prd

Search and aggregate production logs via the Graylog MCP server.

Community
Intermediate
xkl2013xkl2013

agent-testing

Automate end-to-end testing of LobeHub features via CLI, Electron, browser, and osascript.

Community
Advanced