Modelli di web design responsivo per lo sviluppo mobile-first. Utilizzare per creare layout fluidi, sistemi di punti di interruzione, tipografia reattiva, griglie flessibili e componenti adattivi. Attiva richieste di layout reattivi, CSS mobile-first, punti di interruzione, query multimediali, progettazione fluida o supporto multi-dispositivo.
Installa rapidamente la skill AI responsive-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ibutters/claudecodeplugins.
| Mobile-first | Base styles = mobile, enhance with min-width | | Fluid over fixed | Use clamp(), %, vw instead of fixed px | | Content breakpoints | Break when content breaks, not at devices | | Touch targets | Minimum 44×44px on mobile | | Readable line length | Max 65-75 characters |
❌ Fixed pixel values everywhere ✅ Fluid units (rem, %, vw, clamp)
❌ Hiding content on mobile ✅ Prioritizing and reorganizing content
Modelli di web design responsivo per lo sviluppo mobile-first. Utilizzare per creare layout fluidi, sistemi di punti di interruzione, tipografia reattiva, griglie flessibili e componenti adattivi. Attiva richieste di layout reattivi, CSS mobile-first, punti di interruzione, query multimediali, progettazione fluida o supporto multi-dispositivo. Fonte: ibutters/claudecodeplugins.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ibutters/claudecodeplugins --skill responsive-designModelli di web design responsivo per lo sviluppo mobile-first. Utilizzare per creare layout fluidi, sistemi di punti di interruzione, tipografia reattiva, griglie flessibili e componenti adattivi. Attiva richieste di layout reattivi, CSS mobile-first, punti di interruzione, query multimediali, progettazione fluida o supporto multi-dispositivo. Fonte: ibutters/claudecodeplugins.
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/ibutters/claudecodeplugins --skill responsive-design 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/ibutters/claudecodeplugins