·carbon-design-system
{}

carbon-design-system

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

Erstellen Sie Benutzeroberflächen mit dem Carbon Design System von IBM. Verwenden Sie diese Option, wenn der Benutzer Schnittstellen im Carbon-Stil, Dashboards im IBM-Stil oder Unternehmens-UIs nach Carbon-Konventionen anfordert oder Carbon, IBM-Design oder @carbon/react ausdrücklich erwähnt. Behandelt die Verwendung von Komponenten, Design-Tokens (Farbe, Typografie, Abstand, Bewegung), Themen (Weiß, Grau 10, Grau 90, Grau 100), Rasterlayout und Barrierefreiheit. Unterstützt sowohl die Artefakt-/HTML-Ausgabe (CDN-basiert) als auch die vollständige React-Projektausgabe (@carbon/react). Zu den Auslösern gehören „Carbon“, „IBM Design System“, „Enterprise Dashboard“, „@carbon/react“, „Carbon Components“ oder Anfragen nach professionellen Schnittstellen im IBM-Stil.

fefogarcia·carbon·design·system
3Installationen·0Trend·@fefogarcia

Installation

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

So installieren Sie carbon-design-system

Installieren Sie den KI-Skill carbon-design-system schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: fefogarcia/approved-skills.

SKILL.md

Original anzeigen

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.

Erstellen Sie Benutzeroberflächen mit dem Carbon Design System von IBM. Verwenden Sie diese Option, wenn der Benutzer Schnittstellen im Carbon-Stil, Dashboards im IBM-Stil oder Unternehmens-UIs nach Carbon-Konventionen anfordert oder Carbon, IBM-Design oder @carbon/react ausdrücklich erwähnt. Behandelt die Verwendung von Komponenten, Design-Tokens (Farbe, Typografie, Abstand, Bewegung), Themen (Weiß, Grau 10, Grau 90, Grau 100), Rasterlayout und Barrierefreiheit. Unterstützt sowohl die Artefakt-/HTML-Ausgabe (CDN-basiert) als auch die vollständige React-Projektausgabe (@carbon/react). Zu den Auslösern gehören „Carbon“, „IBM Design System“, „Enterprise Dashboard“, „@carbon/react“, „Carbon Components“ oder Anfragen nach professionellen Schnittstellen im IBM-Stil. Quelle: fefogarcia/approved-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system
Quelle
fefogarcia/approved-skills
Kategorie
{}Datenanalyse
Verifiziert
✓
Erstes Auftreten
2026-02-26
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/fefogarcia/approved-skills/carbon-design-system

Browse more skills from fefogarcia/approved-skills

Schnelle Antworten

Was ist carbon-design-system?

Erstellen Sie Benutzeroberflächen mit dem Carbon Design System von IBM. Verwenden Sie diese Option, wenn der Benutzer Schnittstellen im Carbon-Stil, Dashboards im IBM-Stil oder Unternehmens-UIs nach Carbon-Konventionen anfordert oder Carbon, IBM-Design oder @carbon/react ausdrücklich erwähnt. Behandelt die Verwendung von Komponenten, Design-Tokens (Farbe, Typografie, Abstand, Bewegung), Themen (Weiß, Grau 10, Grau 90, Grau 100), Rasterlayout und Barrierefreiheit. Unterstützt sowohl die Artefakt-/HTML-Ausgabe (CDN-basiert) als auch die vollständige React-Projektausgabe (@carbon/react). Zu den Auslösern gehören „Carbon“, „IBM Design System“, „Enterprise Dashboard“, „@carbon/react“, „Carbon Components“ oder Anfragen nach professionellen Schnittstellen im IBM-Stil. Quelle: fefogarcia/approved-skills.

Wie installiere ich carbon-design-system?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
{}Datenanalyse
Quelle
skills.sh
Erstes Auftreten
2026-02-26

Verwandte Skills

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