Debugging and Troubleshooting

MCP Tools

Chrome DevTools (frontend debugging):

• Capture console errors and network failures
• Set breakpoints and inspect state
• Profile performance bottlenecks
• Capture screenshots of error states

Workflows

• Reproduce: Can you reliably reproduce the issue?
• Isolate: What is the minimal code that exhibits the bug?
• Trace: Use Grep to follow the call chain
• Hypothesize: What could cause this behavior?
• Test: Verify or disprove your hypothesis
• Fix: Implement the solution
• Verify: Confirm the fix and add regression test