Login
mui/material-uiMIT5 files

Material UI Theming

Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.

Use this skillView repositoryView on skills.sh
Specification
Skill ID
mui/material-ui/material-ui-theming
Publisher
mui
Repository
material-ui
Installs
0
Files
5
License
MIT
Synced
Sep 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

mui/material-ui/material-ui-themingInstalls these files
  • AGENTS.md
  • README.md
  • SKILL.md
  • metadata.json
  • reference.md

What this skill tells the agent

Material UI theming and design tokens

Agent skill for theme creation, design tokens, light/dark, and CSS theme variables. SKILL.md is the entry; AGENTS.md is the full guide.

When to apply

  • createTheme, ThemeProvider, useTheme, CssBaseline
  • colorSchemes, useColorScheme, storage / SSR behavior
  • cssVariables: true, theme.vars, applyStyles('dark', …)
  • Custom theme keys and TypeScript module augmentation

Sections in AGENTS.md

AreaTopics
Core setupImports, provider placement, useTheme
Token mappalette, typography, spacing, shape, breakpoints, components, …
Palettemain / derived colors, @mui/material/colors, mode
Color schemesvs palette-only, hydration, ThemeProvider props
CSS variablescssVariables, reserved vars, flicker avoidance
CompositionMulti-step createTheme, deepmerge, nesting providers
Custom tokensAugmenting Theme / ThemeOptions

Full guide

Read AGENTS.md for the complete instructions and links.

TypeScript snippets: reference.md.

More from mui

mui/material-ui

Material UI Nextjs

Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font, CSS layers with Tailwind/CSS Modules, Link component prop patterns, CSS theme variables SSR notes, and App Router useSearchParams + Suspense. Use when setting up or debugging MUI in a Next.js app.

mui/material-ui

Material UI Styling

Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.

Use this skill in a project

Open any RiverX project, search the Skills panel for mui/material-ui/material-ui-theming, and install it in one click.

Use this skill