clean-code

To automate clean code refactoring in React and TypeScript, this skill scans your codebase to detect anti-patterns like large components, loads best-practice references, and applies fixes validated by a build. It targets specific features for isolated improvements.

Common clean code issues in Next.js and Zustand projects include large components, long functions, and poor naming. This skill identifies these specific maintainability problems and suggests concrete refactorings aligned with React and Next.js patterns.

Yes, this clean code automation works with your Next.js build setup by validating all applied changes with a build and tests to ensure no regressions. It requires no external dependencies to analyze and remediate your codebase.

The best way to fix React anti-patterns without breaking functionality is to apply documented clean-code principles and validate changes with a build. This skill automates that process by loading best-practice docs and running tests after remediation.

To analyze and refactor a specific TypeScript feature like an auth dashboard, you can run targeted commands to scan isolated areas of your project. The skill detects issues and applies recommended clean-code improvements directly to that feature.