Filosofia di progettazione indipendente dal framework per interfacce fluide e reattive. Copre il pensiero sul layout, la tipografia fluida/matematica della spaziatura, i colori adattivi e le regole rigide. Uguale copertura per SCSS e Tailwind.
Installa rapidamente la skill AI flex-grid-flow nel tuo ambiente di sviluppo tramite riga di comando
Fonte: oerlellijk/design-system-skill.
A thinking framework for building responsive interfaces. This skill applies to any stack: React, Vue, Astro, Svelte, 11ty, plain HTML, Tailwind, SCSS, or vanilla CSS.
Common misconception: mobile layouts should center all content. Reality:
Not everything needs to be fluid. Choose based on the project:
Filosofia di progettazione indipendente dal framework per interfacce fluide e reattive. Copre il pensiero sul layout, la tipografia fluida/matematica della spaziatura, i colori adattivi e le regole rigide. Uguale copertura per SCSS e Tailwind. Fonte: oerlellijk/design-system-skill.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flowFilosofia di progettazione indipendente dal framework per interfacce fluide e reattive. Copre il pensiero sul layout, la tipografia fluida/matematica della spaziatura, i colori adattivi e le regole rigide. Uguale copertura per SCSS e Tailwind. Fonte: oerlellijk/design-system-skill.
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/oerlellijk/design-system-skill --skill flex-grid-flow 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/oerlellijk/design-system-skill