ui-components
✓Muster der UI-Komponentenbibliothek für shadcn/ui und Radix-Primitive. Verwenden Sie diese Option, wenn Sie barrierefreie Komponentenbibliotheken erstellen, Shadcn-Komponenten anpassen, nicht formatierte Radix-Grundelemente verwenden oder Designsystemgrundlagen erstellen.
Installation
SKILL.md
Comprehensive patterns for building accessible UI component libraries with shadcn/ui and Radix Primitives. Covers CVA variants, OKLCH theming, cn() utility, component extension, asChild composition, dialog/menu patterns, and data-attribute styling. Each category has individual rule files in rules/ loaded on-demand.
| Category | Rules | Impact | When to Use |
| shadcn/ui | 3 | HIGH | CVA variants, component customization, form patterns, data tables | | Radix Primitives | 3 | HIGH | Dialogs, polymorphic composition, data-attribute styling | | Design System Tokens | 1 | HIGH | W3C tokens, OKLCH theming, Tailwind @theme, spacing scales |
Muster der UI-Komponentenbibliothek für shadcn/ui und Radix-Primitive. Verwenden Sie diese Option, wenn Sie barrierefreie Komponentenbibliotheken erstellen, Shadcn-Komponenten anpassen, nicht formatierte Radix-Grundelemente verwenden oder Designsystemgrundlagen erstellen. Quelle: yonatangross/orchestkit.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/yonatangross/orchestkit --skill ui-components- Quelle
- yonatangross/orchestkit
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-15
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-components?
Muster der UI-Komponentenbibliothek für shadcn/ui und Radix-Primitive. Verwenden Sie diese Option, wenn Sie barrierefreie Komponentenbibliotheken erstellen, Shadcn-Komponenten anpassen, nicht formatierte Radix-Grundelemente verwenden oder Designsystemgrundlagen erstellen. Quelle: yonatangross/orchestkit.
Wie installiere ich ui-components?
Ö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/yonatangross/orchestkit --skill ui-components Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/yonatangross/orchestkit
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-15