·styling-with-tailwind
</>

styling-with-tailwind

Erstellt Benutzeroberflächen mithilfe von Tailwind-CSS-Dienstprogrammklassen und Shadcn/UI-Mustern. Behandelt CSS-Variablen mit OKLCH-Farben, Komponentenvarianten mit CVA, responsives Design, Dunkelmodus und Tailwind v4.2-Funktionen. Unterstützt Radix-UI- und Base-UI-Grundelemente, CLI 3.0 und visuelle Stile. Verwenden Sie diese Option, wenn Sie Schnittstellen mit Tailwind erstellen, Shadcn/UI-Komponenten gestalten, Designs implementieren oder mit Utility-First-CSS arbeiten.

11Installationen·0Trend·@tenequm

Installation

$npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind

So installieren Sie styling-with-tailwind

Installieren Sie den KI-Skill styling-with-tailwind 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/tenequm/claude-plugins --skill styling-with-tailwind
  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: tenequm/claude-plugins.

Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.

Tailwind v4 configures everything in CSS. Migrate any JS/TS config:

Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.

Erstellt Benutzeroberflächen mithilfe von Tailwind-CSS-Dienstprogrammklassen und Shadcn/UI-Mustern. Behandelt CSS-Variablen mit OKLCH-Farben, Komponentenvarianten mit CVA, responsives Design, Dunkelmodus und Tailwind v4.2-Funktionen. Unterstützt Radix-UI- und Base-UI-Grundelemente, CLI 3.0 und visuelle Stile. Verwenden Sie diese Option, wenn Sie Schnittstellen mit Tailwind erstellen, Shadcn/UI-Komponenten gestalten, Designs implementieren oder mit Utility-First-CSS arbeiten. Quelle: tenequm/claude-plugins.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-23
Aktualisiert
2026-03-10

Browse more skills from tenequm/claude-plugins

Schnelle Antworten

Was ist styling-with-tailwind?

Erstellt Benutzeroberflächen mithilfe von Tailwind-CSS-Dienstprogrammklassen und Shadcn/UI-Mustern. Behandelt CSS-Variablen mit OKLCH-Farben, Komponentenvarianten mit CVA, responsives Design, Dunkelmodus und Tailwind v4.2-Funktionen. Unterstützt Radix-UI- und Base-UI-Grundelemente, CLI 3.0 und visuelle Stile. Verwenden Sie diese Option, wenn Sie Schnittstellen mit Tailwind erstellen, Shadcn/UI-Komponenten gestalten, Designs implementieren oder mit Utility-First-CSS arbeiten. Quelle: tenequm/claude-plugins.

Wie installiere ich styling-with-tailwind?

Ö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/tenequm/claude-plugins --skill styling-with-tailwind 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/tenequm/claude-plugins