·design-tokens
*

design-tokens

Applica modelli di token di progettazione utilizzando la direttiva @theme Tailwind CSS 4: variabili CSS, denominazione semantica, sistemi di colore, scale tipografiche, spaziatura, modalità oscura. Da utilizzare durante la progettazione di sistemi di interfaccia utente, la revisione della coerenza del design o la definizione delle linee guida del marchio. Si integra con le competenze di progettazione frontend per l'esecuzione estetica.

25Installazioni·0Tendenza·@phrazzld

Installazione

$npx skills add https://github.com/phrazzld/claude-config --skill design-tokens

Come installare design-tokens

Installa rapidamente la skill AI design-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/phrazzld/claude-config --skill design-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: phrazzld/claude-config.

Design tokens are the single source of truth for design decisions.

Migration from Tailwind 3: Delete tailwind.config.js, move to CSS @theme.

Design tokens provide the foundation; frontend-design provides aesthetic direction.

Applica modelli di token di progettazione utilizzando la direttiva @theme Tailwind CSS 4: variabili CSS, denominazione semantica, sistemi di colore, scale tipografiche, spaziatura, modalità oscura. Da utilizzare durante la progettazione di sistemi di interfaccia utente, la revisione della coerenza del design o la definizione delle linee guida del marchio. Si integra con le competenze di progettazione frontend per l'esecuzione estetica. Fonte: phrazzld/claude-config.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/phrazzld/claude-config --skill design-tokens
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from phrazzld/claude-config

Risposte rapide

Che cos'è design-tokens?

Applica modelli di token di progettazione utilizzando la direttiva @theme Tailwind CSS 4: variabili CSS, denominazione semantica, sistemi di colore, scale tipografiche, spaziatura, modalità oscura. Da utilizzare durante la progettazione di sistemi di interfaccia utente, la revisione della coerenza del design o la definizione delle linee guida del marchio. Si integra con le competenze di progettazione frontend per l'esecuzione estetica. Fonte: phrazzld/claude-config.

Come installo design-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/phrazzld/claude-config --skill design-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/phrazzld/claude-config