·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

✓
ederheisler/agent-skillsGitHub: ederheisler/agent-skillsQuelle: ederheisler/agent-skills

Richten Sie Tailwind v4 mit shadcn/ui unter Verwendung des @theme-Inline-Musters und der CSS-Variablenarchitektur ein. Vierstufiges Muster: CSS-Variablen, Tailwind-Mapping, Basisstile, automatischer Dunkelmodus. Verhindert 8 dokumentierte Fehler. Verwenden Sie diese Option, wenn Sie React-Projekte mit Tailwind v4 initialisieren oder nicht funktionierende Farben, TW-Animate-CSS-Fehler, @theme-Inline-Dark-Mode-Konflikte, @apply-Brüche und v3-Migrationsprobleme beheben.

ederheisler·tailwind·v4·shadcn
9Installationen·1Trend·@ederheisler

Installation

GitHub: ederheisler/agent-skills
$npx skills add https://github.com/ederheisler/agent-skills --skill tailwind-v4-shadcn

So installieren Sie tailwind-v4-shadcn

Installieren Sie den KI-Skill tailwind-v4-shadcn 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/ederheisler/agent-skills --skill tailwind-v4-shadcn
  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: ederheisler/agent-skills.

SKILL.md

Original anzeigen

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2026-01-20 Versions: tailwindcss@4.1.18, @tailwindcss/vite@4.1.18 Status: Production Ready

Critical: Define at root level (NOT inside @layer base). Use hsl() wrapper.

Why: Generates utility classes (bg-background, text-primary). Without this, utilities won't exist.

Richten Sie Tailwind v4 mit shadcn/ui unter Verwendung des @theme-Inline-Musters und der CSS-Variablenarchitektur ein. Vierstufiges Muster: CSS-Variablen, Tailwind-Mapping, Basisstile, automatischer Dunkelmodus. Verhindert 8 dokumentierte Fehler. Verwenden Sie diese Option, wenn Sie React-Projekte mit Tailwind v4 initialisieren oder nicht funktionierende Farben, TW-Animate-CSS-Fehler, @theme-Inline-Dark-Mode-Konflikte, @apply-Brüche und v3-Migrationsprobleme beheben. Quelle: ederheisler/agent-skills.

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/ederheisler/agent-skills --skill tailwind-v4-shadcn
Quelle
ederheisler/agent-skills
Kategorie
</>Entwicklung
Verifiziert
✓
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/ederheisler/agent-skills/tailwind-v4-shadcn

Browse more skills from ederheisler/agent-skills

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 Muster: CSS-Variablen, Tailwind-Mapping, Basisstile, automatischer Dunkelmodus. Verhindert 8 dokumentierte Fehler. Verwenden Sie diese Option, wenn Sie React-Projekte mit Tailwind v4 initialisieren oder nicht funktionierende Farben, TW-Animate-CSS-Fehler, @theme-Inline-Dark-Mode-Konflikte, @apply-Brüche und v3-Migrationsprobleme beheben. Quelle: ederheisler/agent-skills.

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/ederheisler/agent-skills --skill tailwind-v4-shadcn 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/ederheisler/agent-skills

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-25

Verwandte Skills

ask-questions-if-underspecified
10 Installationen
brainstorming
10 Installationen
canvas-design
10 Installationen
dispatching-parallel-agents
10 Installationen
executing-plans
10 Installationen
fastapi
10 Installationen