·theming-components
*

theming-components

Fornisce un sistema di token di progettazione e un framework di temi per uno stile dell'interfaccia utente coerente e personalizzabile in tutti i componenti. Copre la tassonomia completa dei token (colore, tipografia, spaziatura, ombre, bordi, movimento, z-index), cambio di tema (proprietà personalizzate CSS, fornitori di temi), supporto RTL/i18n (proprietà logiche CSS) e accessibilità (contrasto WCAG, temi ad alto contrasto, movimento ridotto). Questo è il livello di stile fondamentale a cui fanno riferimento TUTTE le competenze dei componenti. Da utilizzare quando si creano temi per i componenti, si implementa la modalità chiaro/scuro, si creano stili di marchio, si personalizza il design visivo, si garantisce la coerenza del design o si supportano i linguaggi RTL.

22Installazioni·0Tendenza·@ancoleman

Installazione

$npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components

Come installare theming-components

Installa rapidamente la skill AI theming-components 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/ancoleman/ai-design-components --skill theming-components
  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: ancoleman/ai-design-components.

Comprehensive design token system providing the foundational styling architecture for all component skills, enabling brand customization, theme switching, RTL support, and consistent visual design.

Design tokens are the single source of truth for all visual design decisions. This skill provides:

| margin-left | margin-inline-start | | padding-right | padding-inline-end | | text-align: left | text-align: start |

Fornisce un sistema di token di progettazione e un framework di temi per uno stile dell'interfaccia utente coerente e personalizzabile in tutti i componenti. Copre la tassonomia completa dei token (colore, tipografia, spaziatura, ombre, bordi, movimento, z-index), cambio di tema (proprietà personalizzate CSS, fornitori di temi), supporto RTL/i18n (proprietà logiche CSS) e accessibilità (contrasto WCAG, temi ad alto contrasto, movimento ridotto). Questo è il livello di stile fondamentale a cui fanno riferimento TUTTE le competenze dei componenti. Da utilizzare quando si creano temi per i componenti, si implementa la modalità chiaro/scuro, si creano stili di marchio, si personalizza il design visivo, si garantisce la coerenza del design o si supportano i linguaggi RTL. Fonte: ancoleman/ai-design-components.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ancoleman/ai-design-components --skill theming-components
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from ancoleman/ai-design-components

Risposte rapide

Che cos'è theming-components?

Fornisce un sistema di token di progettazione e un framework di temi per uno stile dell'interfaccia utente coerente e personalizzabile in tutti i componenti. Copre la tassonomia completa dei token (colore, tipografia, spaziatura, ombre, bordi, movimento, z-index), cambio di tema (proprietà personalizzate CSS, fornitori di temi), supporto RTL/i18n (proprietà logiche CSS) e accessibilità (contrasto WCAG, temi ad alto contrasto, movimento ridotto). Questo è il livello di stile fondamentale a cui fanno riferimento TUTTE le competenze dei componenti. Da utilizzare quando si creano temi per i componenti, si implementa la modalità chiaro/scuro, si creano stili di marchio, si personalizza il design visivo, si garantisce la coerenza del design o si supportano i linguaggi RTL. Fonte: ancoleman/ai-design-components.

Come installo theming-components?

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/ancoleman/ai-design-components --skill theming-components 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/ancoleman/ai-design-components