bug-fixer-diagnostic

What problem does it solve?

This Skill provides a systematic, research-driven workflow to diagnose, fix, and prevent bugs across all layers of a Clean Architecture application. It eliminates guesswork, reduces debugging time, and ensures fixes are robust and don't introduce regressions, allowing your team to deliver stable, high-quality software faster.

Core Features & Use Cases

• Systematic Root Cause Analysis: Guides through classifying bugs, deep diagnosis using MCP tools (Chrome DevTools, Supabase), and identifying the true root cause, not just symptoms.
• Research-Driven Fixes: Mandates Context7 consultation for the latest patterns and best practices before implementing minimal, targeted fixes, ensuring modern and effective solutions.
• Comprehensive Verification: Ensures fixes work, no regressions are introduced, and performance/security are maintained through extensive unit, integration, and E2E testing.
• Use Case: When a user reports a UI bug where a form field isn't validating correctly, this Skill uses Chrome DevTools to inspect the live state, consults Context7 for Zod validation patterns, identifies a .parse() vs .safeParse() issue, implements the fix, and verifies all tests pass.

Quick Start

Use the bug-fixer-diagnostic skill to diagnose and fix the reported UI bug on the /settings page where the email field validation is failing, ensuring all tests pass and no regressions are introduced after the fix.