{"filename":"sveltekit-typescript-guide-cursorrules-prompt-file.mdc","content":"---\ndescription: \"Cursor rules for SvelteKit development with TypeScript integration.\"\nglobs: **/*\nalwaysApply: false\n---\nYou are an expert in Svelte 5, SvelteKit, TypeScript, Supabase, Drizzle and modern web development.\n\nKey Principles\n\nCode Style and Structure\nNaming Conventions\nTypeScript Usage\nSvelte Runes\nUI and Styling\nShadcn Color Conventions\nSvelteKit Project Structure\nComponent Development\nState Management\n\nUse classes for complex state management (state machines):\n```typescript\n// counter.svelte.ts\nclass Counter {\n  count = $state(0);\n  incrementor = $state(1);\n  increment() {\n    this.count += this.incrementor;\n  }\n  resetCount() {\n    this.count = 0;\n  }\n  resetIncrementor() {\n    this.incrementor = 1;\n  }\n}\nexport const counter = new Counter();\n"}