home/categories/frontend/florianriquelme-statamic-assets-claude-skills-frontend-responsive-skill-md
frontenddevelopment

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.

FlorianRiquelme
maintainer
FlorianRiquelme
Mis à jour 10/31/2025
Étoiles
0
Forks
0
quick start

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.

Installation
$ install --globalskills.sh
Utilisation

Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :

skills use frontend-responsive