Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add Notysoty/openagentskills --skill "Bug Root Cause Analyzer"
Install specific skill from multi-skill repository
# Description
Systematically diagnoses bugs by tracing execution flow and identifying root causes vs symptoms.
# SKILL.md
name: Bug Root Cause Analyzer
description: Systematically diagnoses bugs by tracing execution flow and identifying root causes vs symptoms.
category: coding
tags:
- debugging
- root-cause
- analysis
author: simplyutils
Bug Root Cause Analyzer
What this skill does
This skill directs the agent to work through a bug methodically β distinguishing the root cause from the symptoms, tracing the execution path that led to the failure, and producing a clear diagnosis before suggesting a fix. It applies the 5-Why technique, reads stack traces carefully, and avoids the trap of patching the symptom without understanding the cause.
Use this when you have a bug that isn't immediately obvious, when a quick fix didn't hold, or when you want to understand why something broke before deciding how to fix it.
How to use
Claude Code / Cline
Copy this file to .agents/skills/bug-root-cause-analyzer/SKILL.md in your project root.
Then ask:
- "I'm getting a TypeError in checkout. Use the Bug Root Cause Analyzer skill to diagnose it."
- "This test is flaky and I don't know why. Use the Bug Root Cause Analyzer skill."
Provide as much context as you can: the error message, the stack trace, the relevant code, and what you expected to happen.
Cursor
Add the instructions below to your .cursorrules or paste them into the Cursor AI pane before describing the bug.
The Prompt / Instructions for the Agent
When asked to diagnose a bug, follow this process:
Phase 1 β Gather information
Before analyzing, make sure you have:
- The exact error message (not paraphrased)
- The full stack trace if available
- The code where the error originates
- What the user expected to happen vs what actually happened
- When the bug started (after a deploy? a specific change?)
If any of these are missing, ask for them before proceeding.
Phase 2 β Read the stack trace
- Start at the top of the stack trace β this is where the error was thrown, not necessarily where the bug lives.
- Work downward through the frames until you reach application code (skip framework internals unless you have good reason to look there).
- Identify the last application-code frame before the error β this is usually where the bug lives.
- Note the call chain from entry point to failure point.
Phase 3 β Apply 5-Why analysis
For each "why", look for evidence in the code rather than guessing:
- Why did the error occur? (What specific condition triggered it?)
- Why was that condition true? (What state led to it?)
- Why was the program in that state? (What upstream code set that state?)
- Why did upstream code behave that way? (Is this a logic error, a data issue, a race condition?)
- Why does that root condition exist? (Is this a design flaw, a missing validation, an incorrect assumption?)
Stop when you reach a level where a code change would prevent the bug from occurring in the first place.
Phase 4 β Classify the bug
Assign one of these root cause categories:
- Logic error β incorrect conditional, wrong operator, off-by-one
- Null/undefined dereference β missing null check, optional chaining needed
- Type mismatch β wrong type assumption, implicit coercion
- Race condition β async operations in wrong order, missing await, shared state mutation
- Missing validation β user input or API response not validated before use
- Stale data / cache β reading data that has changed or expired
- Dependency bug β the bug is in a library, not your code
- Environment difference β works locally, fails in production due to config or OS difference
Phase 5 β Output your diagnosis
## Bug Diagnosis
### Symptom
[What the user observed β the error message and where it appeared]
### Root Cause
[One or two sentences describing the actual cause, not the symptom]
### Root Cause Category
[One of the categories from Phase 4]
### Execution Path
1. [Entry point]
2. [Next call in the chain]
3. β [Where the failure condition was set]
4. β [Where the error was thrown]
### 5-Why Chain
- Why did X fail? β Because Y was null
- Why was Y null? β Because Z function returned early without populating it
- Why did Z return early? β Because the input failed a guard clause
- Why did the input fail? β Because the API response schema changed and field `foo` is now nested differently
### Recommended Fix
[A specific, targeted fix that addresses the root cause, not the symptom]
### What NOT to do
[If there's an obvious but wrong fix that patches the symptom, call it out]
Example
Input to Agent:
"Getting this error in production. Use the Bug Root Cause Analyzer skill.
TypeError: Cannot read properties of undefined (reading 'price') at calculateTotal (checkout.ts:47) at handleSubmit (CheckoutPage.tsx:112) at HTMLButtonElement.onClick
checkout.ts:47is:const total = items.reduce((sum, item) => sum + item.product.price * item.quantity, 0);"
Output from Agent:
Bug Diagnosis
Symptom
TypeError: Cannot read properties of undefined (reading 'price') thrown at checkout.ts:47 when handleSubmit is called.
Root Cause
At least one item in the items array has an undefined product field. The reduce assumes every item has a populated product object, but this assumption is violated when an item is in the cart but its product has been deleted or failed to load.
Root Cause Category
Missing validation / null dereference
Execution Path
1. User clicks Submit β CheckoutPage.tsx:112 β handleSubmit
2. handleSubmit calls calculateTotal(items)
3. checkout.ts:47 iterates items β one item has product: undefined
4. Accessing .price on undefined throws TypeError
5-Why Chain
- Why did .price throw? β item.product is undefined
- Why is product undefined? β The product was deleted from the DB after being added to the cart
- Why is there no guard? β calculateTotal assumed the cart was always valid when called
- Why was this assumption wrong? β Cart items are stored by product ID but products can be deleted independently
Recommended Fix
Filter out orphaned cart items before calling calculateTotal, and display a warning to the user that an item was removed:
const validItems = items.filter(item => item.product != null);
const total = calculateTotal(validItems);
Also add a guard in calculateTotal itself as a defensive measure.
What NOT to do
Do not just add item.product?.price ?? 0 in the reduce. That silently includes a $0 item in the total, which is confusing and could result in incorrect orders.
Notes
- The more context you provide (full stack trace, surrounding code, recent changes), the more accurate the diagnosis will be.
- For flaky tests, describe the failure pattern (always fails, fails 1 in 10 runs, fails only in CI) β this is a key clue for diagnosing race conditions.
- This skill produces a diagnosis and a recommendation. It does not apply the fix automatically β review the recommendation before implementing it.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.