TypeScript Error Resolution

What problem does it solve?

TypeScript errors can be daunting, often cascading and obscuring the root cause, making resolution time-consuming and frustrating. This Skill provides a systematic approach to diagnose and fix all type errors.

Core Features & Use Cases

• Comprehensive Error Discovery: Collects all errors for a target file, prioritizing them by dependency order.
• Root Cause Analysis: Traces each error to its underlying cause, identifying categories like type annotation errors, narrowing failures, or generic constraint violations.
• Targeted Fixes: Applies minimal, type-safe changes using patterns for narrowing, generics, null safety, and unknown types.
• Mandatory Validation: Ensures zero TypeScript errors remain after fixes, iterating until the codebase is clean.
• Use Case: Resolve all TypeScript errors in src/components/UserForm.tsx, prioritizing fixes by dependency, applying type guards for null safety, and validating after each change to ensure a clean compilation.

Quick Start

Run pnpm type-check 2>&1 | grep 'src/utils.ts' to identify errors in src/utils.ts, then apply fixes to resolve them.