---

name: Frontend Responsive description: Responsive design standards for mobile-first development. Use this skill when implementing responsive layouts, mobile breakpoints, or ensuring the site works across all device sizes. Apply when working on viewport meta tags, media queries, responsive CSS, or mobile-optimized JavaScript interactions.

When to use this skill

• When implementing responsive layouts that adapt to mobile, tablet, and desktop
• When writing media queries in css/styles.css for different screen sizes
• When ensuring touch-friendly interactions for mobile users
• When optimizing images and assets for different viewport sizes
• When testing and debugging layout issues across device breakpoints
• When implementing mobile-first design patterns
• When configuring viewport meta tags in HTML files

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.

Instructions

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