Communitygithub.com

bobmatnyc/tailwind-css

Tailwind CSS Utility-First-Framework für schnelle UI-Entwicklung mit responsivem Design und Dark Mode

Was ist tailwind-css?

Diese Fähigkeit dient der Nutzung von Tailwind CSS, einem Utility-First-CSS-Framework, das die Entwicklung moderner Benutzeroberflächen beschleunigt. Sie ermöglicht es dem KI-Agenten, direkt aus Beschreibungen responsive Layouts, Dark Mode und konsistente Designsysteme zu generieren – ohne eigenständige CSS-Dateien. Das Skill basiert auf der offiziellen Tailwind-Dokumentation und unterstützt alle gängigen Plattformen wie Claude Code, Cursor und Codex. Der Agent wendet dabei Konzepte wie `flex`, `grid`, `padding`, `margin`, `dark:` und `md:` an, um pixelgenaue und zugängliche UIs zu erstellen. Dank der Utility-Klassen bleibt der Code wartbar und erweiterbar, während die Integrationslogik in der SKILL.md die relevanten Tailwind-Versionen und Konfigurationshinweise bereitstellt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/bobmatnyc/claude-mpm-skills/tree/main/skills/tailwind-css

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht tailwind-css?

Tailwind CSS Utility-First-Framework für schnelle UI-Entwicklung mit responsivem Design und Dark Mode

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Verwandte Skills