·css-tokens
</>

css-tokens

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.

5Installazioni·0Tendenza·@ibutters

Installazione

$npx skills add https://github.com/ibutters/claudecodeplugins --skill css-tokens

Come installare css-tokens

Installa rapidamente la skill AI css-tokens nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/ibutters/claudecodeplugins --skill css-tokens
  3. Verifica l'installazione: 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

Fonte: ibutters/claudecodeplugins.

| 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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ibutters/claudecodeplugins --skill css-tokens
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from ibutters/claudecodeplugins

Risposte rapide

Che cos'è css-tokens?

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.

Come installo css-tokens?

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

Dov'è il repository sorgente?

https://github.com/ibutters/claudecodeplugins