Diese Fähigkeit sollte verwendet werden, wenn der Benutzer „Stil mit Tailwind“, „Tailwind-Klassen hinzufügen“, „Tailwind-Stile korrigieren“, „Tailwind-Varianten verwenden“, „Animationen mit tw-animate-css hinzufügen“, „Tailwind v4 konfigurieren“, „zu Tailwind v4 migrieren“ auffordert oder Tailwind-Dienstprogramme, CSS-Klassen, responsives Design, Dunkelmodus, Farbverläufe, Design-Tokens oder CSS-Module erwähnt.
Installieren Sie den KI-Skill tailwind-css schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: paulrberg/agent-skills.
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
Diese Fähigkeit sollte verwendet werden, wenn der Benutzer „Stil mit Tailwind“, „Tailwind-Klassen hinzufügen“, „Tailwind-Stile korrigieren“, „Tailwind-Varianten verwenden“, „Animationen mit tw-animate-css hinzufügen“, „Tailwind v4 konfigurieren“, „zu Tailwind v4 migrieren“ auffordert oder Tailwind-Dienstprogramme, CSS-Klassen, responsives Design, Dunkelmodus, Farbverläufe, Design-Tokens oder CSS-Module erwähnt. Quelle: paulrberg/agent-skills.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-cssDiese Fähigkeit sollte verwendet werden, wenn der Benutzer „Stil mit Tailwind“, „Tailwind-Klassen hinzufügen“, „Tailwind-Stile korrigieren“, „Tailwind-Varianten verwenden“, „Animationen mit tw-animate-css hinzufügen“, „Tailwind v4 konfigurieren“, „zu Tailwind v4 migrieren“ auffordert oder Tailwind-Dienstprogramme, CSS-Klassen, responsives Design, Dunkelmodus, Farbverläufe, Design-Tokens oder CSS-Module erwähnt. Quelle: paulrberg/agent-skills.
Ö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/paulrberg/agent-skills --skill tailwind-css Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/paulrberg/agent-skills