Frontend Responsive

When to use this skill

• When building responsive layouts that adapt to different screen sizes
• When implementing media queries for mobile, tablet, and desktop breakpoints
• When creating mobile-friendly interfaces and navigation
• When optimizing UI for different screen sizes and orientations
• When ensuring touch-friendly interactions with appropriately-sized tap targets
• When testing across mobile, tablet, and desktop devices
• When working on CSS layouts (flexbox, grid) that need to be responsive
• When optimizing images and assets for mobile network conditions
• When implementing mobile-first development strategies
• When using relative units (rem, em) for scalable typography and spacing
• When prioritizing content for smaller screens
• When ensuring readable font sizes across all breakpoints

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.

Instructions

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