·shadcn-ui
*

shadcn-ui

Installieren und konfigurieren Sie shadcn/ui-Komponenten für React-Projekte. Leitet Komponentenauswahl, Installationsreihenfolge, Abhängigkeitsmanagement, Anpassung mit semantischen Token und allgemeine UI-Rezepte (Formulare, Datentabellen, Navigation, Modalitäten). Wird verwendet, nachdem tailwind-theme-builder die Theme-Infrastruktur eingerichtet hat, beim Hinzufügen von Komponenten, beim Erstellen von Formularen, beim Erstellen von Datentabellen oder beim Einrichten der Navigation.

907Installationen·40Trend·@jezweb

Installation

$npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui

So installieren Sie shadcn-ui

Installieren Sie den KI-Skill shadcn-ui 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/jezweb/claude-skills --skill shadcn-ui
  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: jezweb/claude-skills.

Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.

Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.

Install components in dependency order. Foundation components first, then feature components:

Installieren und konfigurieren Sie shadcn/ui-Komponenten für React-Projekte. Leitet Komponentenauswahl, Installationsreihenfolge, Abhängigkeitsmanagement, Anpassung mit semantischen Token und allgemeine UI-Rezepte (Formulare, Datentabellen, Navigation, Modalitäten). Wird verwendet, nachdem tailwind-theme-builder die Theme-Infrastruktur eingerichtet hat, beim Hinzufügen von Komponenten, beim Erstellen von Formularen, beim Erstellen von Datentabellen oder beim Einrichten der Navigation. Quelle: jezweb/claude-skills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-02-18
Aktualisiert
2026-03-10

Browse more skills from jezweb/claude-skills

Schnelle Antworten

Was ist shadcn-ui?

Installieren und konfigurieren Sie shadcn/ui-Komponenten für React-Projekte. Leitet Komponentenauswahl, Installationsreihenfolge, Abhängigkeitsmanagement, Anpassung mit semantischen Token und allgemeine UI-Rezepte (Formulare, Datentabellen, Navigation, Modalitäten). Wird verwendet, nachdem tailwind-theme-builder die Theme-Infrastruktur eingerichtet hat, beim Hinzufügen von Komponenten, beim Erstellen von Formularen, beim Erstellen von Datentabellen oder beim Einrichten der Navigation. Quelle: jezweb/claude-skills.

Wie installiere ich shadcn-ui?

Ö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/jezweb/claude-skills --skill shadcn-ui 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/jezweb/claude-skills