intrinsic-design

CRITICAL CSS SKILL: Use this whenever you are writing or reviewing CSS layouts, making components responsive, or the user mentions wanting fluid typography, responsive grids without breakpoints, avoiding media queries, container queries (@container), clamp(), minmax(), intrinsic design, or content-out layout. You MUST use this skill anytime a user asks to make elements 'adapt by themselves', 'fit as many as possible', grow/shrink 'smoothly' without jumping, or size things relative to a parent container rather than the viewport. It applies modern content-out CSS layout techniques (auto-fit, flex-wrap, cqi units, fluid values) where content dictates the layout instead of viewport breakpoints. Also use when adding accessibility preferences like prefers-reduced-motion. Do NOT use for Tailwind configurations, HTML image optimization, or basic CSS alignment bugs.