mui/material-ui/material-ui-nextjs

Name: material-ui-nextjs
Author: mui

Claude Code and agent skill by mui/material-ui

Trust tier 3

community

Source check pending

Checking that the SKILL.md file is still in the repository.

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.

Install

npx vskill@latest install mui/material-ui/material-ui-nextjs

SKILL.md

Material UI and Next.js

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.

When to apply

New App Router or Pages Router app using @mui/material
Styles missing, wrong order, or in body instead of head
next/font + ThemeProvider / createTheme
Tailwind or CSS Modules + MUI (enableCssLayer)
Button + component={Link} or Next.js v16 client boundary errors
useSearchParams / URL-driven MUI views and Suspense boundaries

Sections in AGENTS.md

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

Full guide

Read AGENTS.md for complete steps and doc links.

reference.md lists import paths and provider shape.

Security

Security scanPassed, 95 of 100Pattern checks on the skill's files.
Model reviewPassed

See the full security report

Quality evaluation

Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

SKILL.md in the repositoryCheckingskills/material-ui-nextjs/SKILL.md

Popularity

Repository stars: 98,387
Repository forks: 32,622
7-day trend score: 57

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

Claude Code
Cursor
GitHub Copilot
Windsurf
Codex
Gemini CLI
Cline
Amp
Roo Code
Goose
Continue
Kilo Code
Junie
Trae
OpenHands
Qwen Code
AI Agent
Tabnine Chat
Sourcegraph Cody
Amazon Q
Firebase Genkit
Sweep
Devin
Phind
Mentat
Claude Desktop
Aider
GPT Pilot
Plandex
bolt.new
v0
Replit Agent
Anse
TypingMind
BetterChatGPT
LibreChat
Warp AI
Pieces
Fig AI

Embed badge

[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/mui/material-ui/material-ui-nextjs/badge)](https://verified-skill.com/skills/mui/material-ui/material-ui-nextjs)

Something wrong with this skill or its page? Tell us.