tailwind-best-practices
✓Tailwind-CSS-Muster und -Konventionen. Verwenden Sie es, wenn Sie responsive Designs schreiben, den Dunkelmodus implementieren, wiederverwendbare Komponentenstile erstellen oder Tailwind konfigurieren. Wird bei Aufgaben ausgelöst, die Tailwind-Klassen, Responsive Design, Dark Mode oder CSS-Styling betreffen.
Installation
SKILL.md
Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.
| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |
Read individual rule files for detailed explanations and code examples:
Tailwind-CSS-Muster und -Konventionen. Verwenden Sie es, wenn Sie responsive Designs schreiben, den Dunkelmodus implementieren, wiederverwendbare Komponentenstile erstellen oder Tailwind konfigurieren. Wird bei Aufgaben ausgelöst, die Tailwind-Klassen, Responsive Design, Dark Mode oder CSS-Styling betreffen. Quelle: asyrafhussin/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tailwind-best-practices?
Tailwind-CSS-Muster und -Konventionen. Verwenden Sie es, wenn Sie responsive Designs schreiben, den Dunkelmodus implementieren, wiederverwendbare Komponentenstile erstellen oder Tailwind konfigurieren. Wird bei Aufgaben ausgelöst, die Tailwind-Klassen, Responsive Design, Dark Mode oder CSS-Styling betreffen. Quelle: asyrafhussin/agent-skills.
Wie installiere ich tailwind-best-practices?
Ö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/asyrafhussin/agent-skills --skill tailwind-best-practices 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/asyrafhussin/agent-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01