Communitygithub.com

hairyf/tailwindcss

Tailwind CSS ist ein nutzenorientiertes CSS-Framework. Verwenden Sie es beim Stylen von Webanwendungen mit Hilfsklassen, beim Erstellen responsiver Designs oder beim Anpassen von Designsystemen mit Themenvariablen.

Was ist tailwindcss?

Dieser Skill integriert Tailwind CSS, ein nutzenbasiertes CSS-Framework, in deinen Workflow. Er eignet sich ideal zum Erstellen benutzerdefinierter, responsiver Webdesigns direkt in deinem KI-Assistenten, ohne dass umfangreiches CSS geschrieben werden muss. Der Skill unterstützt KI-Plattformen wie Claude Code oder Cursor und nutzt Tailwinds umfangreiche Sammlung von Hilfsklassen für Layout, Typografie, Farben und mehr. Durch die Arbeit mit Themenvariablen kannst du Designsysteme direkt im Markup anpassen. Dies beschleunigt die Frontend-Entwicklung durch konsistente, wartbare und mobile-first Styles, die nahtlos in moderne Webprojekte integriert werden können.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hairyf/skills/tree/main/skills/tailwindcss

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht tailwindcss?

Tailwind CSS ist ein nutzenorientiertes CSS-Framework. Verwenden Sie es beim Stylen von Webanwendungen mit Hilfsklassen, beim Erstellen responsiver Designs oder beim Anpassen von Designsystemen mit Themenvariablen.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills