tailwind-patterns
✓Tailwind CSS v4-Prinzipien. CSS-First-Konfiguration, Containerabfragen, moderne Muster, Design-Token-Architektur.
Installation
SKILL.md
| tailwind.config.js | CSS-based @theme directive | | PostCSS plugin | Oxide engine (10x faster) | | JIT mode | Native, always-on | | Plugin system | CSS-native features | | @apply directive | Still works, discouraged |
| CSS-first | Configuration in CSS, not JavaScript | | Oxide Engine | Rust-based compiler, much faster | | Native Nesting | CSS nesting without PostCSS | | CSS Variables | All tokens exposed as -- vars |
| Extend | Adding new values alongside defaults | | Override | Replacing default scale entirely | | Semantic tokens | Project-specific naming (primary, surface) |
Tailwind CSS v4-Prinzipien. CSS-First-Konfiguration, Containerabfragen, moderne Muster, Design-Token-Architektur. Quelle: poletron/custom-rules.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/poletron/custom-rules --skill tailwind-patterns- Quelle
- poletron/custom-rules
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tailwind-patterns?
Tailwind CSS v4-Prinzipien. CSS-First-Konfiguration, Containerabfragen, moderne Muster, Design-Token-Architektur. Quelle: poletron/custom-rules.
Wie installiere ich tailwind-patterns?
Ö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/poletron/custom-rules --skill tailwind-patterns 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/poletron/custom-rules
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01