frontend-responsive
Build responsive, mobile-first layouts using fluid containers, standard breakpoints, and adaptive design patterns that work across all screen sizes. Use this skill when implementing responsive layouts, creating mobile-first designs, working with CSS breakpoints or media queries, implementing fluid grids or flexible containers, using responsive utility classes (Tailwind breakpoint modifiers), ensuring touch-friendly tap targets, optimizing layouts for different screen sizes, implementing responsive typography, working with responsive images or assets, testing UI across devices, or creating adaptive navigation patterns. Use when working with responsive CSS, mobile layouts, tablet layouts, desktop layouts, or any UI code that needs to adapt to different viewport sizes.
Installation and usage
Build responsive, mobile-first layouts using fluid containers, standard breakpoints, and adaptive design patterns that work across all screen sizes. Use this skill when implementing responsive layouts, creating mobile-first designs, working with CSS breakpoints or media queries, implementing fluid grids or flexible containers, using responsive utility classes (Tailwind breakpoint modifiers), ensuring touch-friendly tap targets, optimizing layouts for different screen sizes, implementing responsive typography, working with responsive images or assets, testing UI across devices, or creating adaptive navigation patterns. Use when working with responsive CSS, mobile layouts, tablet layouts, desktop layouts, or any UI code that needs to adapt to different viewport sizes.
Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :
skills use frontend-responsive