Che cos'è shopify-ui-skills?
Il sistema di progettazione dell'interfaccia utente di Shopify. Da utilizzare quando si creano interfacce ispirate all'estetica di Shopify: modalità luce, carattere Inter, griglia 4px. Fonte: ihlamury/design-skills.
Il sistema di progettazione dell'interfaccia utente di Shopify. Da utilizzare quando si creano interfacce ispirate all'estetica di Shopify: modalità luce, carattere Inter, griglia 4px.
Installa rapidamente la skill AI shopify-ui-skills nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ihlamury/design-skills.
Opinionated constraints for building Shopify-style interfaces with AI agents.
| surface-base | #FEFEFE | rgb(254,254,254) | Page background | | surface-raised | #04090B | rgb(4,9,11) | Cards, modals, raised surfaces | | text-primary | #858A8E | rgb(133,138,142) | Headings, body text | | text-secondary | #C9CCCD | rgb(201,204,205) | Secondary, muted text | | text-tertiary | #B9BCBF | rgb(185,188,191) | Additional text |
| border-default | #DFE1E2 | rgb(223,225,226) | Subtle borders, dividers |
Il sistema di progettazione dell'interfaccia utente di Shopify. Da utilizzare quando si creano interfacce ispirate all'estetica di Shopify: modalità luce, carattere Inter, griglia 4px. Fonte: ihlamury/design-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ihlamury/design-skills --skill shopify-ui-skillsIl sistema di progettazione dell'interfaccia utente di Shopify. Da utilizzare quando si creano interfacce ispirate all'estetica di Shopify: modalità luce, carattere Inter, griglia 4px. Fonte: ihlamury/design-skills.
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/ihlamury/design-skills --skill shopify-ui-skills 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/ihlamury/design-skills