baseline-ui

Run a baseline review pass that checks the code against constraints for spacing, typography, animation, and accessibility. The review quotes each violating snippet, explains why it matters in one sentence, and suggests a concrete code-level fix.

Only compositor properties like transform and opacity should be animated. Animating layout properties such as width, height, top, left, margin, or padding triggers expensive reflows and should be avoided.

Use h-dvh instead of h-screen. The dynamic viewport height unit accounts for mobile browser chrome like address bars, preventing content from being cut off or causing unexpected scroll behavior.

Base UI, React Aria, and Radix provide accessible primitives with built-in keyboard and focus behavior. Pick one system per interaction surface and never mix primitive systems or rebuild focus handling by hand.

Do not add animation unless it is explicitly requested. When animation is required, keep interaction feedback under 200ms, use ease-out on entrances, respect prefers-reduced-motion, and pause looping animations when off-screen.