Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
7.9
Rating
0
Installs
Frontend Development
Category
Excellent responsive design skill with comprehensive modern patterns including container queries, fluid typography, and CSS Grid. The SKILL.md provides clear, actionable code examples spanning both vanilla CSS and React/TSX implementations. Strong coverage of mobile-first breakpoints, responsive navigation, images, and tables. Well-structured with quick references and detailed patterns. The description adequately signals when to use this skill. Novelty score is moderate because while the skill consolidates valuable patterns, much of this can be accomplished by an AI with standard prompting, though having pre-built, production-ready patterns does save tokens and time. The skill would particularly shine for developers implementing design systems or building component libraries where consistent responsive patterns are needed across multiple components.
wshobson
Skill Author
Loading SKILL.md…
Skill Author
