Material UI v9 operator

Look up Material UI v9 installation commands, imports, components, layout primitives, form controls, overlays, theme APIs, styling strategies, slots, and migration tools. Use when the user wants a concise v9 reference instead of a guided workflow.

Build and refactor Material UI v9 component composition and responsive layout with Box, Container, Stack, Grid, breakpoints, spacing, display, semantic elements, and reusable shells. Use when the user asks to arrange MUI components or repair layout behavior across viewports.

Build Material UI v9 data display and feedback with Table, List, Card, Avatar, Chip, Badge, Tooltip, Alert, Snackbar, Progress, Skeleton, empty states, and error states. Use when the user asks to present records, status, loading, results, or transient feedback with MUI Core.

Inspect Material UI v9 packages, React peers, styling engine, provider hierarchy, theme creation, CSS variables, framework adapters, icons, component imports, browser targets, and test setup without changing them. Use when the user asks what MUI setup exists or needs a safe baseline.

Build and operate Material UI v9 forms and inputs including TextField, Select, Autocomplete, Checkbox, Radio, Switch, Slider, validation, controlled state, slots, async options, and accessible labeling. Use when the user asks to create, connect, or repair form behavior.

Connect Material UI v9 to Next.js, routing, Tailwind CSS, CSS modules, form and data libraries, fonts, testing tools, continuous integration, and server rendering with end-to-end verification. Use when the task concerns the seam between MUI Core and another system.

Plan, preview, run, review, and verify Material UI v7-to-v9 migrations across Core packages, React peers, browser targets, Grid, system props, slots, deprecated component props, classes, semantics, themes, icons, tests, and codemods. Use when the user explicitly asks to upgrade an existing Material UI project to v9.

Discover, compatibility-check, install, update, remove, or explain Material UI's first-party styling, theming, Next.js, and Tailwind Agent Skills for MUI v9. Use when asked about native MUI skills, agent setup, upstream guidance, or whether installed Material UI skills match this v9 operator.

Build Material UI v9 navigation and overlays with AppBar, Drawer, Breadcrumbs, Tabs, Menu, Dialog, Modal, Popover, Tooltip, portal containers, close reasons, roving tabindex, focus traps, restoration, and stacking. Use when users navigate, choose actions, or interact with layered MUI surfaces.

Install and configure Material UI v9 with aligned core packages, a deliberate styling engine, React peer checks, providers, baseline styles, fonts, optional icons, framework boundaries, and one verified component. Use when a project has no MUI setup or the user explicitly asks to initialize v9.

Style Material UI v9 components with sx, styled, theme component overrides, GlobalStyles, CssBaseline, slots, slotProps, class APIs, state classes, CSS layers, and injection-order controls. Use when the user asks to customize appearance, replace an internal slot, or repair style precedence.

Manage Material UI v9 themes, design tokens, palettes, typography, spacing, breakpoints, component defaults, CSS variables, color schemes, dark-mode persistence, TypeScript augmentation, and SSR initialization. Use when the user asks to customize or repair the MUI design system.

Diagnose Material UI v9 package, React peer, styling engine, injection order, provider, theme, hydration, portal, focus, controlled-state, browser, TypeScript, and test failures from exact evidence. Use when MUI components fail to render, style, hydrate, interact, or type-check as expected.