·tailwind-theme-builder
</>

tailwind-theme-builder

Richten Sie Tailwind v4 mit einer Benutzeroberfläche im Shadcn/UI-Design ein. Arbeitsablauf: Abhängigkeiten installieren, CSS-Variablen mit @theme inline konfigurieren, Dunkelmodus einrichten, überprüfen. Wird zum Initialisieren von React-Projekten mit Tailwind v4, zum Einrichten von Shadcn/UI-Designs oder zum Beheben von nicht funktionierenden Farben, Tw-Animate-CSS-Fehlern, @theme-Inline-Dark-Mode-Konflikten, @apply-Brüchen und v3-Migrationsproblemen verwendet.

723Installationen·33Trend·@jezweb

Installation

$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder

So installieren Sie tailwind-theme-builder

Installieren Sie den KI-Skill tailwind-theme-builder 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 tailwind-theme-builder
  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.

Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.

This exact order is required. Skipping steps breaks the theme.

Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.

Richten Sie Tailwind v4 mit einer Benutzeroberfläche im Shadcn/UI-Design ein. Arbeitsablauf: Abhängigkeiten installieren, CSS-Variablen mit @theme inline konfigurieren, Dunkelmodus einrichten, überprüfen. Wird zum Initialisieren von React-Projekten mit Tailwind v4, zum Einrichten von Shadcn/UI-Designs oder zum Beheben von nicht funktionierenden Farben, Tw-Animate-CSS-Fehlern, @theme-Inline-Dark-Mode-Konflikten, @apply-Brüchen und v3-Migrationsproblemen verwendet. 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 tailwind-theme-builder
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-18
Aktualisiert
2026-03-10

Browse more skills from jezweb/claude-skills

Schnelle Antworten

Was ist tailwind-theme-builder?

Richten Sie Tailwind v4 mit einer Benutzeroberfläche im Shadcn/UI-Design ein. Arbeitsablauf: Abhängigkeiten installieren, CSS-Variablen mit @theme inline konfigurieren, Dunkelmodus einrichten, überprüfen. Wird zum Initialisieren von React-Projekten mit Tailwind v4, zum Einrichten von Shadcn/UI-Designs oder zum Beheben von nicht funktionierenden Farben, Tw-Animate-CSS-Fehlern, @theme-Inline-Dark-Mode-Konflikten, @apply-Brüchen und v3-Migrationsproblemen verwendet. Quelle: jezweb/claude-skills.

Wie installiere ich tailwind-theme-builder?

Ö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 tailwind-theme-builder 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