baseline-ui

Invoke the baseline-ui review on the target file to get a list of violations quoting the exact snippet, a one-sentence explanation of why each matters, and a concrete code-level fix for spacing, typography, animation, and accessibility problems.

Use accessible primitives such as Base UI, React Aria, or Radix for anything with keyboard or focus behavior, preferring the project's existing primitives first. Never mix primitive systems within the same interaction surface or rebuild focus handling by hand.

Animate only compositor properties like transform and opacity. Never animate layout properties such as width, height, top, left, margin, or padding, and keep interaction feedback under 200ms with ease-out timing on entrances.

Use h-dvh instead of h-screen, since dynamic viewport height accounts for mobile browser chrome. Fixed elements must also respect safe-area-inset so content is not obscured by device notches or system UI.

Never add animation unless explicitly requested. When used, pause looping animations off-screen, respect prefers-reduced-motion, avoid animating large blur or backdrop-filter surfaces, and never apply will-change outside an active animation.