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
更新于 10/31/2025
星标
0
分支
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.

安装
$ install --globalskills.sh
使用

安装后,您可以通过在终端运行以下命令来使用此技能:

skills use frontend-responsive