Does Claude Code handle responsive / mobile-first properly?

Yes — mobile-first by default, with breakpoints driven by your design tokens, not magic numbers. We pair every component with three Storybook viewports (mobile 375px, tablet 768px, desktop 1280px) and visual-snapshot all three. Claude Code reads your Figma responsive variants (Figma now has device-frame variants and breakpoint constraints) and emits matching media queries or Tailwind sm: / md: / lg: prefixes. Touch-target sizes are checked against WCAG 2.5.5 (44×44 CSS px minimum). Container queries (@container) used where component-context responsiveness beats viewport-based.