Frontend Responsive

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend responsive.

When to use this skill

• When implementing layouts or UI components that adapt to different screen sizes

• When setting up breakpoints for mobile, tablet, and desktop views

• When writing media queries or using responsive utility classes

• When using relative units (rem, em, %) instead of fixed pixel values

• When ensuring tap targets are appropriately sized (minimum 44x44px) for mobile

• When optimizing images and assets for mobile network conditions

• When implementing responsive typography that remains readable on all screens

• When testing UI changes across mobile, tablet, and desktop screen sizes

• When building mobile-first layouts that progressively enhance for larger screens

• When implementing responsive navigation patterns (hamburger menus, collapsible sections)

Instructions

For details, refer to the information provided in this file: frontend responsive