| Button | --color-primary, --space-2/4, --radius-md, --text-sm | | Input | --color-border, --space-2/3, --radius-md, --text-base | | Card | --color-surface, --space-4, --radius-lg, --shadow-md | | Badge | --color-, --space-1/2, --radius-full, --text-xs |
Progetta il sistema di token utilizzando le proprietà personalizzate CSS per uno stile coerente. Utilizzare per creare tavolozze di colori, scale di spaziatura, sistemi tipografici e temi (modalità scuro/chiaro). Si attiva su richieste di token di progettazione, variabili CSS, temi, sistemi di colore, scale di spaziatura o stili coerenti. 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 css-tokens 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