tailwind.mdc

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

Diese zweite Variante von tailwind.mdc stammt aus der sanjeed5/awesome-cursor-rules-mdc-Sammlung und deckt inhaltlich denselben Bereich ab wie das Pendant aus dem PatrickJS-Repository: Tailwind-Utility-Klassen, Responsive-Design, Komponentenstruktur. Unterschiede liegen meist im Detail – etwas andere Formulierungen, teils andere Best-Practice-Beispiele. Für die Praxis reicht in der Regel eine der beiden Varianten; ein Blick auf beide lohnt sich, um die Formulierung zu übernehmen, die am besten zum eigenen Projektaufbau passt (z. B. bei Klassen-Sortierung oder Komponenten-Extraktion). Beide gleichzeitig aktivieren sollte man vermeiden, um widersprüchliche Style-Vorgaben zu verhindern.

Praxis-Tipp

Nur eine der beiden tailwind.mdc-Varianten aktiv einbinden, sonst bekommt die KI widersprüchliche Style-Vorgaben.

Siehe auch

• react.mdc
• typescript.mdc
• nextjs15-react19-vercelai-tailwind-…

Lizenz & Quelle

• Lizenz: CC0-1.0
• Quelle: github.com/sanjeed5/awesome-cursor-rules-mdc

Lade …