IDE-Tools · Foto: Homedust, CC BY 2.0
tailwind.mdc
Zuletzt aktualisiert:
Typ
Rule
Lizenz
CC0-1.0
Anwendungsfeld
Cursor Rules
Utility-CSS-Frontends
Voraussetzungen
Keine besonderen — direkt loslegen.
Tailwind-CSS-Regeln
Für wen: Utility-CSS-Frontends
So nutzt du es
Datei in deinem Projekt unter .cursor/rules/ ablegen (modernes .mdc-Format) oder den Inhalt in den Cursor-Einstellungen unter Rules einfügen. Cursor hält sich ab dann in diesem Projekt an die Regeln — z. B. Stack-Konventionen und Code-Stil.
Im Detail
Inhaltlich ähnlich zur anderen Tailwind-Regel, stammt aber aus einer zweiten, unabhängig gepflegten Sammlung (sanjeed5 statt PatrickJS). Definiert ebenfalls Konventionen für Utility-Klassen und Komponentenaufbau mit Tailwind CSS, in leicht abweichender Formulierung und Schwerpunktsetzung. Sinnvoll, wenn die erste Variante nicht zu Ihrem Stil passt oder Sie beide vergleichen wollen, bevor Sie sich für eine Regeldatei im Projekt entscheiden — parallel einsetzen sollten Sie beide nicht, da sich Vorgaben überschneiden und der Assistent sonst widersprüchliche Signale bekommt.
Praxis-Tipp
Erst beide Varianten kurz gegen Ihren bestehenden Codestil testen, dann nur eine dauerhaft im Projekt behalten.
Siehe auch
Lizenz & Quelle
- Lizenz: CC0-1.0
- Quelle: github.com/sanjeed5/awesome-cursor-rules-mdc
Inhalt ansehen (tailwind.mdc)
Lade …
Erfahrungen & Kommentare.
Funktioniert der Rule bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.
Lade Kommentare …
Passt dazu.
nextjs-react-typescript-…
Experten-Regeln für Next.js 14 App Router mit React, TypeScript, Shadcn UI, Radix, Tailwind
nextjs-app-router-…
Best Practices speziell für das Next.js App-Router-Paradigma (Server Components, Routing)
nextjs15-react19-vercelai-tailwind-…
Aktuellster Stack: Next.js 15, React 19, Vercel AI SDK, Tailwind — inkl. Analyse-Prozess vor dem Coden
