frontend-responsive
Implement responsive designs using mobile-first development, standard breakpoints, fluid layouts with flexible containers, relative units (rem/em), touch-friendly design with appropriately-sized tap targets, optimized assets for mobile networks, readable typography across breakpoints, and content prioritization for smaller screens. Use this skill when building responsive layouts, implementing media queries, creating mobile-friendly interfaces, optimizing for different screen sizes, ensuring touch-friendly interactions, or testing across mobile, tablet, and desktop devices. This skill applies when working on any frontend layout code, CSS media queries, responsive component design, or mobile optimization.
Installation and usage
Implement responsive designs using mobile-first development, standard breakpoints, fluid layouts with flexible containers, relative units (rem/em), touch-friendly design with appropriately-sized tap targets, optimized assets for mobile networks, readable typography across breakpoints, and content prioritization for smaller screens. Use this skill when building responsive layouts, implementing media queries, creating mobile-friendly interfaces, optimizing for different screen sizes, ensuring touch-friendly interactions, or testing across mobile, tablet, and desktop devices. This skill applies when working on any frontend layout code, CSS media queries, responsive component design, or mobile optimization.
Once installed, you can use this skill by running the following command in your terminal:
skills use frontend-responsive