Frontend Bugfix Pro

About

The Frontend Bugfix skill equips Claude with a systematic methodology for diagnosing and repairing issues in React and TypeScript applications. It categorizes common failures—such as mock conflicts, async timing issues, and hook dependency traps—and applies a confidence scoring system to determine the best course of action. By enforcing a strict Test-Driven Development (TDD) workflow and integrated quality gates, it ensures that bug fixes are not only effective but also maintain high code coverage and architectural integrity.

Key Features

• Automated mock strategy selection between MSW and Vitest/Jest hooks
• Confidence scoring (0-100) to ensure safe, autonomous bug resolution
• Built-in quality gates for coverage, linting, and type checking
• Structured TDD workflow including RED, GREEN, and REFACTOR phases
• 1 GitHub stars
• Comprehensive error classification system for rapid root-cause analysis

Use Cases

• Resolving flaky Vitest tests caused by asynchronous timing or race conditions
• Standardizing mock data implementation to resolve TypeScript and API mismatches
• Fixing complex React component bugs using a fail-first TDD methodology