diff --git a/packages/client/.cursor/rules/rules.mdc b/packages/client/.cursor/rules/rules.mdc new file mode 100644 index 0000000..99c323d --- /dev/null +++ b/packages/client/.cursor/rules/rules.mdc @@ -0,0 +1,53 @@ +--- +description: Client (PWA) — UI system, Tailwind v4, Radix, forms, offline-first, and component patterns. +globs: + - "packages/client/src/**/*" + - "packages/client/*.{ts,tsx}" +alwaysApply: false +--- + +# Client UI & Styling Rules + +## Foundations +- **Stack:** React + Vite + TypeScript, **Tailwind CSS v4** utilities, **Radix UI** primitives, TanStack Query for data, React Hook Form for forms, Privy for auth/wallet. +- **Design language:** utility-first classes; avoid inline styles. Prefer semantic HTML (`
`, `
`, etc.) and accessible Radix components. +- **Class composition:** use a `cn()` helper for conditional classes; keep class lists ordered layout→spacing→typography→color→state. + +## Layout & Spacing +- Mobile-first. Use `container`, CSS grid/flex with consistent gaps from Tailwind scale. +- Page skeleton: `
` (page), `
` (blocks), `
`/`