tailwind-v4-shadcn
✓Produktionsgetestetes Setup für Tailwind CSS v4 mit shadcn/ui, Vite und React. Wird verwendet, wenn: React-Projekte mit Tailwind v4 initialisiert werden, shadcn/ui eingerichtet wird, Implementieren des Dunkelmodus, Debuggen von CSS-Variablenproblemen, Beheben des Theme-Wechsels, Migration von Tailwind v3 oder Farb-/Themenprobleme. Deckt ab: @theme-Inline-Muster, CSS-Variablenarchitektur, Dunkelmodus mit ThemeProvider, Komponentenzusammensetzung, vite.config-Setup, häufige v4-Fallstricke, und produktionserprobte Muster. Schlüsselwörter: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dunkler Modus, CSS-Variablen, hsl()-Wrapper, Components.json, React-Theming, Theme-Wechsel, Farben funktionieren nicht, Variablen defekt, Theme nicht anwendbar, @plugin-Direktive, Typografie-Plugin, Formular-Plugin, Prosaunterricht, @tailwindcss/typography, @tailwindcss/forms
Installation
SKILL.md
Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-10-29 Status: Production Ready ✅
CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:
USER ACTION REQUIRED: Tell Claude to check this skill first!
Produktionsgetestetes Setup für Tailwind CSS v4 mit shadcn/ui, Vite und React. Wird verwendet, wenn: React-Projekte mit Tailwind v4 initialisiert werden, shadcn/ui eingerichtet wird, Implementieren des Dunkelmodus, Debuggen von CSS-Variablenproblemen, Beheben des Theme-Wechsels, Migration von Tailwind v3 oder Farb-/Themenprobleme. Deckt ab: @theme-Inline-Muster, CSS-Variablenarchitektur, Dunkelmodus mit ThemeProvider, Komponentenzusammensetzung, vite.config-Setup, häufige v4-Fallstricke, und produktionserprobte Muster. Schlüsselwörter: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dunkler Modus, CSS-Variablen, hsl()-Wrapper, Components.json, React-Theming, Theme-Wechsel, Farben funktionieren nicht, Variablen defekt, Theme nicht anwendbar, @plugin-Direktive, Typografie-Plugin, Formular-Plugin, Prosaunterricht, @tailwindcss/typography, @tailwindcss/forms Quelle: jackspace/claudeskillz.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn- Quelle
- jackspace/claudeskillz
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tailwind-v4-shadcn?
Produktionsgetestetes Setup für Tailwind CSS v4 mit shadcn/ui, Vite und React. Wird verwendet, wenn: React-Projekte mit Tailwind v4 initialisiert werden, shadcn/ui eingerichtet wird, Implementieren des Dunkelmodus, Debuggen von CSS-Variablenproblemen, Beheben des Theme-Wechsels, Migration von Tailwind v3 oder Farb-/Themenprobleme. Deckt ab: @theme-Inline-Muster, CSS-Variablenarchitektur, Dunkelmodus mit ThemeProvider, Komponentenzusammensetzung, vite.config-Setup, häufige v4-Fallstricke, und produktionserprobte Muster. Schlüsselwörter: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dunkler Modus, CSS-Variablen, hsl()-Wrapper, Components.json, React-Theming, Theme-Wechsel, Farben funktionieren nicht, Variablen defekt, Theme nicht anwendbar, @plugin-Direktive, Typografie-Plugin, Formular-Plugin, Prosaunterricht, @tailwindcss/typography, @tailwindcss/forms Quelle: jackspace/claudeskillz.
Wie installiere ich tailwind-v4-shadcn?
Ö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/jackspace/claudeskillz --skill tailwind-v4-shadcn 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/jackspace/claudeskillz
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01