theme-ui-specialist

To ensure consistent MUI theming, you must read the theme reference, component reference, and project rules before acting. This enforces theme-first principles by guiding createTheme, palette, typography, and component override decisions.

Use Common components to maintain design consistency across the app, while MUI primitives serve as foundational building blocks. This Skill guides component selection by evaluating layout-level changes versus component-level styling to ensure design-system adherence.

The best way to override MUI component styles is by following theme-first principles and consulting the project's themeConfig. This Skill enforces rules from CLAUDE.md and project documentation to ensure overrides remain compliant with the design system.

No specific dependencies are required to start, but your project must use MUI for theming. You need to initialize the theme specialist by reading the theme-reference, component-reference, and project-rules docs before making UI changes.

MUI palette and typography configurations fail when theme-first principles are bypassed. This Skill requires reviewing the themeConfig and project rules before acting, ensuring centralized rules for createTheme and module augmentation are properly followed.

You should consult a UI designer when facing layout-level changes that exceed component-level styling boundaries. This Skill guides decisions on when to defer to `/ui-designer` for component creation or structural layout modifications.