responsive-patterns
Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic layouts, foldable devices, and mobile-first patterns for React applications. Use when building responsive layouts or container queries.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/responsive-patterns/SKILL.md
- skills/responsive-patterns/references/container-queries.md
- skills/responsive-patterns/references/fluid-typography.md
- skills/responsive-patterns/rules/_sections.md
- skills/responsive-patterns/rules/_template.md
- skills/responsive-patterns/rules/animation-motion.md
- skills/responsive-patterns/rules/animation-scroll.md
- skills/responsive-patterns/rules/css-intrinsic-responsive.md
- skills/responsive-patterns/rules/css-patterns.md
- skills/responsive-patterns/rules/css-subgrid.md
- skills/responsive-patterns/rules/pwa-offline.md
- skills/responsive-patterns/rules/pwa-service-worker.md
- skills/responsive-patterns/rules/react-patterns.md
- skills/responsive-patterns/rules/responsive-foldables.md
- skills/responsive-patterns/rules/touch-interaction.md
- skills/responsive-patterns/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.