Cursor Project Rules Template

# Project: [Project Name]
[Brief description of what you're building]

## Tech Stack
- [Framework] (e.g., React 18 with TypeScript)
- [Build tool] (e.g., Vite)
- [State management] (e.g., TanStack Query, Zustand)
- [Styling] (e.g., Tailwind CSS)
- [Backend] (e.g., Supabase)

## Code Style & Conventions
- Use functional components exclusively
- File naming: kebab-case for files, PascalCase for components
- Use absolute imports with @ alias for src directory
- Maximum line length: 100 characters

## State Management Rules
- Use [state library] for global client state
- Use [data fetching library] for all server state
- Never mix server state with client state

## Things to Avoid
- Don't use useEffect for data fetching
- Don't mutate state directly
- Don't use inline styles
- Don't use index as key in dynamic lists