Frontend
Overview
React component and hook conventions — PascalCase file organization, container/render separation, hook patterns, SCSS module styling with mobile-first responsive design, and domain structure. Extends ts-patterns with React-specific rules. Use this skill whenever writing or reviewing React components, creating hooks, writing component styles, setting up React project structure, or discussing React best practices. Also use when the user mentions JSX, TSX, React components, hooks, SCSS, CSS Modules, responsive design, or any React UI work.