update cursor rule

1 files changed, 8 insertions, 0 deletions

diff --git a/.cursor/commands/review.md b/.cursor/commands/review.md
index 4361b397..4cc5de36 100644
--- a/.cursor/commands/review.md
+++ b/.cursor/commands/review.md
@@ -54,6 +54,14 @@ Review every point below carefully to ensure files follow consistent code style
 
 ## Tailwind & Styling
 
+- [ ] Always use `cn()` for `className` — never string interpolation with `${}` or ternaries inline
+  ```tsx
+  // ❌ wrong
+  className={`base-class ${isActive && "active"} ${someHelper()}`}
+
+  // ✅ correct
+  className={cn("base-class", isActive && "active", someHelper())}
+  ```
 - [ ] Use `gap-*` instead of `mb-*` or `mt-*` for consistent spacing
 - [ ] Use `size-*` instead of `h-* w-*` when width and height are the same
 - [ ] When using `size-*` on icons inside `<Button>`, use `!` modifier to override default `size-4`