Design reattivo con query sui contenitori, tipografia fluida, unità cqi/cqb e modelli mobile-first per le applicazioni React. Da utilizzare durante la creazione di layout reattivi o query sui contenitori.
Installa rapidamente la skill AI responsive-patterns nel tuo ambiente di sviluppo tramite riga di comando
Fonte: yonatangross/orchestkit.
Modern responsive design patterns using Container Queries, fluid typography, and mobile-first strategies for React applications (2026 best practices).
| Responds to | Viewport size | Container size | | Component reuse | Context-dependent | Truly portable | | Browser support | Universal | Baseline 2023+ | | Use case | Page layouts | Component layouts |
| Feature | Chrome | Safari | Firefox | Edge |
Design reattivo con query sui contenitori, tipografia fluida, unità cqi/cqb e modelli mobile-first per le applicazioni React. Da utilizzare durante la creazione di layout reattivi o query sui contenitori. Fonte: yonatangross/orchestkit.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/yonatangross/orchestkit --skill responsive-patternsDesign reattivo con query sui contenitori, tipografia fluida, unità cqi/cqb e modelli mobile-first per le applicazioni React. Da utilizzare durante la creazione di layout reattivi o query sui contenitori. Fonte: yonatangross/orchestkit.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/yonatangross/orchestkit --skill responsive-patterns Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/yonatangross/orchestkit