What problem does it solve?
This Skill identifies structural issues in TypeScript/React code, such as circular dependencies and high cyclomatic complexity, to improve code quality and maintainability.
Core Features & Use Cases
- Circular Reference Detection: Finds and reports circular dependencies between code modules.
- Complexity Analysis: Measures cyclomatic complexity to identify overly complicated functions.
- Dependency Graphing: Visualizes code dependencies to understand project structure.
- Hook Dependency Validation: Ensures correct dependency arrays for React hooks.
- Type Safety Checks: Promotes the minimization of
any types and as casting.
- Use Case: Before merging a new feature, run this skill to ensure it doesn't introduce circular dependencies or overly complex code, maintaining a clean and robust frontend architecture.
Quick Start
Analyze the code in the 'packages/web/src/' directory for circular references and complexity.