tailwind
✓Richtlinien zur Leistungsoptimierung und Best Practices für Tailwind CSS v4 (früher tailwindcss-v4-style). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von Tailwind CSS v4-Code verwendet werden, um optimale Build-Leistung, minimale CSS-Ausgabe und korrekte Verwendung von v4-Funktionen sicherzustellen. Wird bei Aufgaben ausgelöst, die Tailwind-Konfiguration, @theme-Direktive, Dienstprogrammklassen, responsives Design, Dark Mode, Containerabfragen oder Optimierung der CSS-Generierung umfassen.
Installation
SKILL.md
Comprehensive performance optimization guide for Tailwind CSS v4 applications, maintained by Tailwind Labs. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Build Configuration | CRITICAL | build- | | 2 | CSS Generation | CRITICAL | gen- | | 3 | Bundle Optimization | HIGH | bundle- | | 4 | Utility Patterns | HIGH | util- | | 5 | Component Architecture | MEDIUM-HIGH | comp- | | 6 | Theming & Design Tokens | MEDIUM | theme- | | 7 | Responsive & Adaptive | MEDIUM | resp- |
| 8 | Animation & Transitions | LOW-MEDIUM | anim- |
Richtlinien zur Leistungsoptimierung und Best Practices für Tailwind CSS v4 (früher tailwindcss-v4-style). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von Tailwind CSS v4-Code verwendet werden, um optimale Build-Leistung, minimale CSS-Ausgabe und korrekte Verwendung von v4-Funktionen sicherzustellen. Wird bei Aufgaben ausgelöst, die Tailwind-Konfiguration, @theme-Direktive, Dienstprogrammklassen, responsives Design, Dark Mode, Containerabfragen oder Optimierung der CSS-Generierung umfassen. Quelle: thongdn-it/react-agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwind- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tailwind?
Richtlinien zur Leistungsoptimierung und Best Practices für Tailwind CSS v4 (früher tailwindcss-v4-style). Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refactoring von Tailwind CSS v4-Code verwendet werden, um optimale Build-Leistung, minimale CSS-Ausgabe und korrekte Verwendung von v4-Funktionen sicherzustellen. Wird bei Aufgaben ausgelöst, die Tailwind-Konfiguration, @theme-Direktive, Dienstprogrammklassen, responsives Design, Dark Mode, Containerabfragen oder Optimierung der CSS-Generierung umfassen. Quelle: thongdn-it/react-agent-skills.
Wie installiere ich 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/thongdn-it/react-agent-skills --skill tailwind 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/thongdn-it/react-agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01