Progetta sistemi di layout e interfacce reattive, inclusi sistemi a griglia, modelli flexbox, layout di barre laterali e punti di interruzione reattivi. Da utilizzare quando si strutturano layout di app, si creano progetti reattivi o si creano strutture di pagina complesse.
Installa rapidamente la skill AI designing-layouts nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ancoleman/ai-design-components.
This skill provides comprehensive guidance for creating responsive layout systems using modern CSS techniques. It covers grid systems, flexbox patterns, container queries, spacing systems, and mobile-first design strategies to build flexible, accessible interfaces that adapt seamlessly across devices.
For structured, two-dimensional layouts, use CSS Grid with design tokens.
For complex grid layouts and advanced patterns, see references/layout-patterns.md.
Progetta sistemi di layout e interfacce reattive, inclusi sistemi a griglia, modelli flexbox, layout di barre laterali e punti di interruzione reattivi. Da utilizzare quando si strutturano layout di app, si creano progetti reattivi o si creano strutture di pagina complesse. Fonte: ancoleman/ai-design-components.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ancoleman/ai-design-components --skill designing-layoutsProgetta sistemi di layout e interfacce reattive, inclusi sistemi a griglia, modelli flexbox, layout di barre laterali e punti di interruzione reattivi. Da utilizzare quando si strutturano layout di app, si creano progetti reattivi o si creano strutture di pagina complesse. Fonte: ancoleman/ai-design-components.
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/ancoleman/ai-design-components --skill designing-layouts 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/ancoleman/ai-design-components