frontend-responsive
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
Installation and usage
Create responsive layouts that adapt seamlessly across mobile, tablet, and desktop screen sizes. Use this skill when implementing mobile-first layouts or breakpoint-based responsive designs. Use this skill when using CSS media queries, responsive grid systems, or framework breakpoint utilities. Use this skill when ensuring layouts work across different viewport sizes from mobile to desktop. Use this skill when implementing fluid layouts with percentage-based widths. Use this skill when using relative units (rem, em) instead of fixed pixels. Use this skill when optimizing touch targets and tap areas for mobile devices. Use this skill when testing UI changes across multiple screen sizes and devices.
インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます：
skills use frontend-responsive