Reviews Base UI component usage in codebases. Use when asked to review, audit, or check code using @base-ui/react components. Identifies incorrect patterns, accessibility issues, and suggests improvements based on official Base UI conventions.
Review Base UI (@base-ui/react) component usage for correctness, accessibility, and adherence to official patterns.
@base-ui/react (NOT @base-ui-components/react or @mui/base)import { Button } from '@base-ui/react/button'render={<a />} or render={(props, state) => <button {...props} />}className={(state) => ...}, style={(state) => ...}data-* attributes for styling (e.g., data-disabled, data-open)event.preventBaseUIHandler() to skip component's internal handler@base-ui/react/*Each component file contains: Structure (required nesting), Gotchas (traps), Review Checklist (error patterns to flag).