·carbon-design-system
{}

carbon-design-system

✓
fefogarcia/approved-skillsGitHub: fefogarcia/approved-skillsFonte: fefogarcia/approved-skills

Crea interfacce utente utilizzando Carbon Design System di IBM. Da utilizzare quando l'utente richiede interfacce in stile Carbon, dashboard in stile IBM, UI aziendali che seguono le convenzioni di Carbon o menziona esplicitamente Carbon, design IBM o @carbon/react. Copre l'utilizzo dei componenti, i token di progettazione (colore, tipografia, spaziatura, movimento), temi (Bianco, Grigio 10, Grigio 90, Grigio 100), layout della griglia e accessibilità. Supporta sia l'output artefatto/HTML (basato su CDN) che l'output completo del progetto React (@carbon/react). I trigger includono "Carbon", "IBM design system", "enterprise dashboard", "@carbon/react", "carbon Components" o richieste di interfacce professionali in stile IBM.

fefogarcia·carbon·design·system
3Installazioni·0Tendenza·@fefogarcia

Installazione

GitHub: fefogarcia/approved-skills
$npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system

Come installare carbon-design-system

Installa rapidamente la skill AI carbon-design-system 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/fefogarcia/approved-skills --skill carbon-design-system
  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: fefogarcia/approved-skills.

SKILL.md

Visualizza raw

Build UIs conforming to IBM's Carbon Design System v11. Carbon provides a token-based, accessible, enterprise-grade component library.

Apply Carbon classes to HTML elements. See references/html-classes.md.

@carbon/react is not in Claude's default artifact environment. For React artifacts, load the CDN CSS above and apply Carbon class names to standard HTML/JSX elements. The visual output is identical.

Crea interfacce utente utilizzando Carbon Design System di IBM. Da utilizzare quando l'utente richiede interfacce in stile Carbon, dashboard in stile IBM, UI aziendali che seguono le convenzioni di Carbon o menziona esplicitamente Carbon, design IBM o @carbon/react. Copre l'utilizzo dei componenti, i token di progettazione (colore, tipografia, spaziatura, movimento), temi (Bianco, Grigio 10, Grigio 90, Grigio 100), layout della griglia e accessibilità. Supporta sia l'output artefatto/HTML (basato su CDN) che l'output completo del progetto React (@carbon/react). I trigger includono "Carbon", "IBM design system", "enterprise dashboard", "@carbon/react", "carbon Components" o richieste di interfacce professionali in stile IBM. Fonte: fefogarcia/approved-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system
Fonte
fefogarcia/approved-skills
Categoria
{}Analisi
Verificato
✓
Prima apparizione
2026-02-26
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/fefogarcia/approved-skills/carbon-design-system

Browse more skills from fefogarcia/approved-skills

Risposte rapide

Che cos'è carbon-design-system?

Crea interfacce utente utilizzando Carbon Design System di IBM. Da utilizzare quando l'utente richiede interfacce in stile Carbon, dashboard in stile IBM, UI aziendali che seguono le convenzioni di Carbon o menziona esplicitamente Carbon, design IBM o @carbon/react. Copre l'utilizzo dei componenti, i token di progettazione (colore, tipografia, spaziatura, movimento), temi (Bianco, Grigio 10, Grigio 90, Grigio 100), layout della griglia e accessibilità. Supporta sia l'output artefatto/HTML (basato su CDN) che l'output completo del progetto React (@carbon/react). I trigger includono "Carbon", "IBM design system", "enterprise dashboard", "@carbon/react", "carbon Components" o richieste di interfacce professionali in stile IBM. Fonte: fefogarcia/approved-skills.

Come installo carbon-design-system?

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/fefogarcia/approved-skills --skill carbon-design-system 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/fefogarcia/approved-skills

Dettagli

Categoria
{}Analisi
Fonte
skills.sh
Prima apparizione
2026-02-26

Skills correlate

tremor-design-system
3 Installazioni
ux-researcher-designer
3 Installazioni