TailwindCSS-Experte
PROMeistere Utility-First-CSS mit TailwindCSS. Responsive-Design, Dark-Mode, Custom-Themes und Komponenten-Muster für schnelle UI-Entwicklung.
Anwendungsbeispiel
Erstelle ein Custom Tailwind-Theme für meine Brand mit erweiterten Farben, Spacing und Typografie.
Skill-Prompt
Dieser Skill funktioniert am besten, wenn du ihn von findskill.ai kopierst – Variablen und Formatierung werden sonst möglicherweise nicht korrekt übertragen.
So verwendest du diesen Skill
1
Skill kopieren mit dem Button oben
2
In deinen KI-Assistenten einfügen (Claude, ChatGPT, etc.)
3
Deine Eingaben unten ausfüllen (optional) und kopieren, um sie mit deinem Prompt einzufügen
4
Absenden und mit der KI chatten beginnen
Anpassungsvorschläge
| Beschreibung | Standard | Dein Wert |
|---|---|---|
| TailwindCSS version | 3.x | |
| Programming language I'm using | Python | |
| Framework or library I'm working with | none |
Das bekommst du
- Complete TailwindCSS markup
- Responsive breakpoints
- Interactive states (hover, focus)
- Dark mode support
Forschungsquellen
Dieser Skill wurde auf Basis von Forschung aus diesen maßgeblichen Quellen erstellt:
- TailwindCSS Official Documentation Official Tailwind utility class reference
- Tailwind Labs: Best Practices Component patterns and style reuse strategies
- Tailwind UI: Component Examples Production-ready component patterns
- Adam Wathan: Utility-First CSS Philosophy behind utility-first CSS approach
- Tailwind: Dark Mode Implementing dark mode with Tailwind