Back to Skills
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.
288stars35forksUpdated 10/7/2026
Security Assessment
Safe(100/100)
Security Score100/100
Detailed description not yet generated. View the SKILL.md tab for raw content.
All Files
16 filesrules/animation-motion.md2.9 KB
Viewrules/pwa-offline.md3.4 KB
ViewSKILL.md8.2 KB
Viewrules/_template.md0.3 KB
Viewrules/css-subgrid.md2.5 KB
Viewrules/touch-interaction.md4.4 KB
Viewreferences/container-queries.md2.3 KB
Viewrules/animation-scroll.md3.2 KB
Viewrules/pwa-service-worker.md2.9 KB
Viewtest-cases.json8.0 KB
Viewreferences/fluid-typography.md2.6 KB
Viewrules/css-intrinsic-responsive.md3.4 KB
Viewrules/react-patterns.md3.3 KB
Viewrules/_sections.md1.2 KB
Viewrules/css-patterns.md3.6 KB
Viewrules/responsive-foldables.md3.4 KB
ViewInstall responsive-patterns
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
yonatangross/orchestkit