remCSS Units \u2014 enforce rem for CSS/SCSS/Tailwind dimensions. Use whenever a hardcoded pixel length appears in a stylesheet or component's layout \u2014 spacing, sizing, or typography such as gap, padding, margin, width, height, or font-size \u2014 and the user wants it changed, reviewed, made cons
responsive-layoutUse when creating or editing ANY UI component, page, or layout style — the acceptance bar that it must render validly at every defined viewport breakpoint (no overflow, readable text, discernible images, restrained borders, sane density). Also use when a project has no breakpoint/grid system yet: pr
scss-modulesHouse rules for authoring component SCSS — the .scss-over-.css convention, SCSS file structure, the color/spacing/radius variable & token system (never hardcode hex or magic numbers — add to variables first), and BEM structure (block → &__element → &--modifier). Use when writing or refactoring a com