responsive-patterns - Responsive React design with container queries
Modern responsive design patterns using Container Queries, fluid typography, and mobile-first strategies for React applications
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create container query components
- implement fluid typography
- build responsive layouts
- apply mobile-first patterns
- use CSS subgrid
- optimize for foldable devices
- handle safe area insets
- create intrinsic layouts
Inputs
- React application
- CSS codebase
- component requirements
- layout specifications
Outputs
- responsive components
- CSS stylesheets
- container query code
- fluid typography rules
Requirements
- Claude Code 2.1.76+
- modern browser support
- React environment