Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →mui/material-ui-theming
Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation).
Passed 24 of 24 test cases with the skill, and 23 of 24 without it.
1 fixed23 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
We are customizing a Material UI dashboard and need to override default component styles globally, specifically targeting dark mode rendering using MUI's official styling utilities. Please provide an example theme configuration demonstrating how to write component-level style overrides for dark mode.
| Checked | Without skill | With skill |
|---|---|---|
| The response uses applyStyles to define dark mode style overrides. | Missed | Passed |
| The configuration avoids conditional checks on theme.palette.mode inside style overrides. | Missed | Passed |
The instructions your model reads when the skill loads.
Agent skill for theme creation, design tokens, light/dark, and CSS theme variables. SKILL.md is the entry; AGENTS.md is the full guide.
createTheme, ThemeProvider, useTheme, CssBaselinecolorSchemes, useColorScheme, storage / SSR behaviorcssVariables: true, theme.vars, applyStyles('dark', …)| Area | Topics |
|---|---|
| Core setup | Imports, provider placement, useTheme |
| Token map | palette, typography, spacing, shape, breakpoints, components, … |
| Palette | main / derived colors, @mui/material/colors, mode |
| Color schemes | vs palette-only, hydration, ThemeProvider props |
| CSS variables | cssVariables, reserved vars, flicker avoidance |
| Composition | Multi-step createTheme, deepmerge, nesting providers |
| Custom tokens | Augmenting Theme / ThemeOptions |
Read AGENTS.md for the complete instructions and links.
TypeScript snippets: reference.md.
test cases passed, vs 23 / 24 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.