Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →mui/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.
Passed 22 of 22 test cases with the skill, and 19 of 22 without it.
and 2 more in the full report
3 fixed19 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
In a Next.js Pages Router application using Material UI, should we wrap our App component inside AppRouterCacheProvider or use AppCacheProvider from @mui/material-nextjs?
| Checked | Without skill | With skill |
|---|---|---|
| Recommends AppCacheProvider for Pages Router applications | Missed | Passed |
| Advises placing AppCacheProvider as a wrapper around the Component tree inside _app | Missed | Passed |
The instructions your model reads when the skill loads.
Agent skill for Next.js + Material UI wiring (SSR/streaming, cache providers, fonts, layers, Link, App Router URL state). SKILL.md is the entry; AGENTS.md is the full guide.
@mui/materialbody instead of headnext/font + ThemeProvider / createThemeenableCssLayer)Button + component={Link} or Next.js v16 client boundary errorsuseSearchParams / URL-driven MUI views and Suspense boundaries| Area | Topics |
|---|---|
| App Router | AppRouterCacheProvider, @emotion/cache, options, useSearchParams + <Suspense> |
| Pages Router | _document, _app, DocumentHeadTags, AppCacheProvider |
| Fonts | 'use client' theme, next/font, CSS variables on html |
| CSS variables | cssVariables, SSR flicker docs |
| CSS layers | enableCssLayer, Tailwind / other CSS |
| Link | Client wrapper, routing guide, examples repo |
Read AGENTS.md for complete steps and doc links.
reference.md lists import paths and provider shape.
test cases passed, vs 19 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.