tailwind-v4-shadcn
✓Richten Sie Tailwind v4 mit shadcn/ui unter Verwendung des @theme-Inline-Musters und der CSS-Variablenarchitektur ein. Vierstufiges obligatorisches Muster: CSS-Variablen im Stammverzeichnis definieren, Tailwind-Dienstprogrammen zuordnen, Basisstile anwenden, automatischen Dunkelmodus aktivieren. Verwenden Sie diese Option, wenn: React-Projekte mit Tailwind v4 initialisiert werden, der Dunkelmodus von shadcn/ui eingerichtet wird oder Farben behoben werden, die nicht funktionieren, ein Design nicht angewendet wird, CSS-Variablen fehlerhaft sind, TW-Animate-CSS-Fehler auftreten oder bei der Migration von Version 3.
Installation
SKILL.md
Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 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!
Richten Sie Tailwind v4 mit shadcn/ui unter Verwendung des @theme-Inline-Musters und der CSS-Variablenarchitektur ein. Vierstufiges obligatorisches Muster: CSS-Variablen im Stammverzeichnis definieren, Tailwind-Dienstprogrammen zuordnen, Basisstile anwenden, automatischen Dunkelmodus aktivieren. Verwenden Sie diese Option, wenn: React-Projekte mit Tailwind v4 initialisiert werden, der Dunkelmodus von shadcn/ui eingerichtet wird oder Farben behoben werden, die nicht funktionieren, ein Design nicht angewendet wird, CSS-Variablen fehlerhaft sind, TW-Animate-CSS-Fehler auftreten oder bei der Migration von Version 3. Quelle: ovachiever/droid-tings.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcn- Quelle
- ovachiever/droid-tings
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tailwind-v4-shadcn?
Richten Sie Tailwind v4 mit shadcn/ui unter Verwendung des @theme-Inline-Musters und der CSS-Variablenarchitektur ein. Vierstufiges obligatorisches Muster: CSS-Variablen im Stammverzeichnis definieren, Tailwind-Dienstprogrammen zuordnen, Basisstile anwenden, automatischen Dunkelmodus aktivieren. Verwenden Sie diese Option, wenn: React-Projekte mit Tailwind v4 initialisiert werden, der Dunkelmodus von shadcn/ui eingerichtet wird oder Farben behoben werden, die nicht funktionieren, ein Design nicht angewendet wird, CSS-Variablen fehlerhaft sind, TW-Animate-CSS-Fehler auftreten oder bei der Migration von Version 3. Quelle: ovachiever/droid-tings.
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/ovachiever/droid-tings --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/ovachiever/droid-tings
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01