sveltekit-tailwindcss-typescript-…
Projektstandards für SvelteKit + Tailwind + TypeScript
Projektstandards für SvelteKit + Tailwind + TypeScript
Für wen: Svelte-Teams
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 Regel definiert Projektstandards für den Stack aus SvelteKit, Tailwind CSS und TypeScript – von Komponentenstruktur über Utility-First-Styling-Konventionen bis zu Typisierungsvorgaben für Props und Stores. Anders als sveltekit.mdc, das sich auf reine SvelteKit-Patterns konzentriert, deckt diese Regel den kompletten Frontend-Stack inklusive Styling ab und eignet sich daher besser für Teams, die von Anfang an mit Tailwind arbeiten. Praktisch für Svelte-Teams, die einen einheitlichen Projekt-Setup-Standard für neue Features durchsetzen wollen, statt Styling- und Typing-Konventionen separat zu pflegen.
Praxis-Tipp
Setze die Regel projektweit ein, damit auch generierte Komponenten konsequent Tailwind-Klassen statt eigenem CSS verwenden.
Siehe auch
Lizenz & Quelle
- Lizenz: CC0-1.0
- Quelle: github.com/PatrickJS/awesome-cursorrules
Inhalt ansehen (sveltekit-tailwindcss-typescript-cursorrules-promp.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
