Debugging Workflow Skill

Formalize debugging with reproduce, diagnose, fix, and validate steps.

3|3|Updated Dec 16, 2025
One-click install
npx skills add https://github.com/Shakes-tzd/htmlgraph --skill debugging-workflow-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Debugging Workflow Skill
Source: https://github.com/Shakes-tzd/htmlgraph/tree/main/.claude/skills/debugging-workflow-skill
Command: npx skills add https://github.com/Shakes-tzd/htmlgraph --skill debugging-workflow-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, research-first approach to debugging, guiding teams to investigate root causes before implementing fixes and documenting learnings to prevent regressions.

Core Features & Use Cases

  • Research-first workflow: Enforces documentation review and evidence gathering before addressing issues.
  • Structured diagnostic steps: Follows RESEARCH → UNDERSTAND → IMPLEMENT → VALIDATE → DOCUMENT to ensure thorough debugging.
  • Spike-based knowledge capture: Documents findings in HtmlGraph spikes for reuse and collaboration.

Quick Start

Start a debugging spike by creating a spike with a clear investigation title and assigning it to the appropriate agent; document findings in the spike.

Frequently Asked Questions about Debugging Workflow Skill

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

FAQPage Schema
What is a research-first debugging workflow?

A research-first debugging workflow formalizes problem discovery and evidence collection to find root causes before implementing fixes. It enforces a structured discipline of reproducing, diagnosing, fixing, and validating issues across software systems.

How do I find the root cause of failing tests and system integration errors?

To find the root cause of failing tests and integration errors, follow a structured diagnostic sequence: research, understand, implement, validate, and document. This approach ensures you gather evidence and review documentation before applying fixes.

How do I debug an unfamiliar codebase without guessing at fixes?

You can debug an unfamiliar codebase by enforcing a four-step discipline: reproduce, diagnose, fix, and validate. This process integrates with built-in debug tools and agents to guide your investigation and prevent regression.

Does this debugging workflow require specific debug tools or dependencies?

No specific dependencies are required to start. The workflow integrates with your existing built-in debug tools and agents, guiding the process through problem discovery, evidence collection, and documented learning.

What is the best way to document debugging findings for team collaboration?

The best way to document debugging findings is using spike-based knowledge capture. You create a spike with a clear investigation title, assign it to an agent, and record your diagnostic evidence in HtmlGraph spikes for reuse.

When should I not use a structured debugging workflow?

You might skip this structured debugging workflow for trivial syntax errors requiring immediate fixes. It is designed for complex issues like unfamiliar codebases and system integrations demanding thorough root-cause analysis and documented learning.