·carbon-design-system
{}

carbon-design-system

dodatech/approved-skillsGitHub: dodatech/approved-skillsSource: dodatech/approved-skills

Créez des interfaces utilisateur à l'aide du Carbon Design System d'IBM. À utiliser lorsque l'utilisateur demande des interfaces de style Carbon, des tableaux de bord de style IBM, des interfaces utilisateur d'entreprise suivant les conventions Carbon, ou mentionne explicitement Carbon, la conception IBM ou @carbon/react. Couvre l'utilisation des composants, les jetons de conception (couleur, typographie, espacement, mouvement), les thèmes (Blanc, Gris 10, Gris 90, Gris 100), la disposition de la grille et l'accessibilité. Prend en charge à la fois la sortie artefact/HTML (basée sur CDN) et la sortie complète du projet React (@carbon/react). Les déclencheurs incluent « Carbon », « IBM Design System », « Enterprise Dashboard », « @carbon/react », « Carbon Components » ou des demandes d'interfaces professionnelles de style IBM.

cached·dodatech·carbon·design·system
0Installations·0Tendance·@dodatech

Installation

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

Comment installer carbon-design-system

Installez rapidement le skill IA carbon-design-system dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : dodatech/approved-skills.

SKILL.md

Voir l'original

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.

Créez des interfaces utilisateur à l'aide du Carbon Design System d'IBM. À utiliser lorsque l'utilisateur demande des interfaces de style Carbon, des tableaux de bord de style IBM, des interfaces utilisateur d'entreprise suivant les conventions Carbon, ou mentionne explicitement Carbon, la conception IBM ou @carbon/react. Couvre l'utilisation des composants, les jetons de conception (couleur, typographie, espacement, mouvement), les thèmes (Blanc, Gris 10, Gris 90, Gris 100), la disposition de la grille et l'accessibilité. Prend en charge à la fois la sortie artefact/HTML (basée sur CDN) et la sortie complète du projet React (@carbon/react). Les déclencheurs incluent « Carbon », « IBM Design System », « Enterprise Dashboard », « @carbon/react », « Carbon Components » ou des demandes d'interfaces professionnelles de style IBM. Source : dodatech/approved-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system
Source
dodatech/approved-skills
Catégorie
{}Analyse de Données
Vérifié
—
Première apparition
2026-02-25
Mis à jour
2026-03-10
URL
https://www.learn-skills.dev/fr/skills/dodatech/approved-skills/carbon-design-system

Browse more skills from dodatech/approved-skills

Réponses rapides

Qu'est-ce que carbon-design-system ?

Créez des interfaces utilisateur à l'aide du Carbon Design System d'IBM. À utiliser lorsque l'utilisateur demande des interfaces de style Carbon, des tableaux de bord de style IBM, des interfaces utilisateur d'entreprise suivant les conventions Carbon, ou mentionne explicitement Carbon, la conception IBM ou @carbon/react. Couvre l'utilisation des composants, les jetons de conception (couleur, typographie, espacement, mouvement), les thèmes (Blanc, Gris 10, Gris 90, Gris 100), la disposition de la grille et l'accessibilité. Prend en charge à la fois la sortie artefact/HTML (basée sur CDN) et la sortie complète du projet React (@carbon/react). Les déclencheurs incluent « Carbon », « IBM Design System », « Enterprise Dashboard », « @carbon/react », « Carbon Components » ou des demandes d'interfaces professionnelles de style IBM. Source : dodatech/approved-skills.

Comment installer carbon-design-system ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/dodatech/approved-skills --skill carbon-design-system Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/dodatech/approved-skills

Détails

Catégorie
{}Analyse de Données
Source
user
Première apparition
2026-02-25

Skills Connexes

playwright-local
27 Installations
tremor-design-system
15 Installations
fluent2-design-system
7 Installations
design-consistency-auditor
5 Installations
copy-editing
4 Installations
deep-debug
4 Installations