UI Rules

Opinionated constraints for building better interfaces with agents.

Stack

• MUST use Tailwind CSS defaults (spacing, radius, shadows) before custom values
• MUST use motion/react (formerly framer-motion) when JavaScript animation is required
• SHOULD use tw-animate-css for entrance and micro-animations in Tailwind CSS
• MUST use cn utility (clsx + tailwind-merge) for class logic

Components