Da utilizzare durante la progettazione o la revisione dell'interfaccia utente Web, l'implementazione di moduli/pulsanti/input, la risoluzione di problemi di gerarchia visiva, la creazione di sistemi di colori, la creazione di layout o quando l'interfaccia sembra disordinata, difficile da leggere o gli utenti non sanno su cosa fare clic.
Installa rapidamente la skill AI web-interface-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: ratacat/claude-skills.
Design exists to separate the primary from the secondary. Users should instantly recognize what matters. Good interface design is invisible—users accomplish goals without noticing the interface.
This skill orchestrates domain-specific reference files. Read only what you need for the task.
| Font sizes, line spacing, heading hierarchy, vertical rhythm | references/typography.md | | Input fields, validation, checkboxes, radios, selects, textareas | references/forms-and-inputs.md | | Button hierarchy, sizing, states, CTAs, ghost buttons | references/buttons.md |
Da utilizzare durante la progettazione o la revisione dell'interfaccia utente Web, l'implementazione di moduli/pulsanti/input, la risoluzione di problemi di gerarchia visiva, la creazione di sistemi di colori, la creazione di layout o quando l'interfaccia sembra disordinata, difficile da leggere o gli utenti non sanno su cosa fare clic. Fonte: ratacat/claude-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/ratacat/claude-skills --skill web-interface-designDa utilizzare durante la progettazione o la revisione dell'interfaccia utente Web, l'implementazione di moduli/pulsanti/input, la risoluzione di problemi di gerarchia visiva, la creazione di sistemi di colori, la creazione di layout o quando l'interfaccia sembra disordinata, difficile da leggere o gli utenti non sanno su cosa fare clic. Fonte: ratacat/claude-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/ratacat/claude-skills --skill web-interface-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/ratacat/claude-skills