A modern responsive design reference that goes beyond basic media queries. You get container queries with cqi/cqb units, fluid typography with clamp(), CSS subgrid patterns, and intrinsic layouts using auto-fit/minmax. It covers foldable devices, safe area insets, and viewport segments. Also includes PWA patterns with Workbox, scroll-driven animations, and touch interaction guidelines. The anti-patterns section is genuinely useful, calling out cqw/cqh misuse and desktop-first approaches. Ships with 10 separate rule files loaded on demand, so you're not reading about framer-motion when you just need a responsive card. Browser support tables are current through 2026. Mobile-first, accessibility-minded, and written for React but the CSS patterns work anywhere.
npx skills add https://github.com/yonatangross/orchestkit --skill responsive-patterns