react

React best practices enforcement standardizes component structure, hook usage, and form handling across your project. This Skill applies rule sets to all TSX files during development and CI linting, automatically catching violations like improper hook patterns or non-functional components before code review.

Functional components with named exports, clear client/server separation, and proper TypeScript typing form the foundation. This Skill enforces these conventions by reviewing TSX files against a curated rule set, ensuring modularity, clarity, and consistency across your codebase.

Combine react-hook-form with Zod for robust validation and shadcn primitives for UI consistency. This Skill mandates this stack during component review, catching validation gaps and ensuring forms meet project standards automatically.

Yes. This Skill integrates with your project tooling to enforce React conventions at build and lint time, supporting both local pre-commit checks and continuous integration pipelines for consistent standards across the development workflow.

This Skill integrates with project tooling and processes TSX files matching **/*.tsx patterns during CI and linting phases. It sources rules from a centralized rule set, complementing your existing linting infrastructure without requiring standalone setup.

Common pitfalls include class components, improper hook usage, missing form validation, inconsistent styling approaches, and unnamed exports. This Skill identifies these patterns in TSX files and surfaces them for correction before merge.