用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/theyoungastronauts/polaris --skill verify-nextjs-mui命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Pull just the do-this-yourself steps out of a long answer, so the user doesn't have to read the whole thing.
Hand in-flight work to a fresh session instead of compacting, or pick up from a relay doc.
Close out a session — record what was learned, update any connected stores, and report what's left dirty.
基于 SOC 职业分类
正在显示 SKILL.md
| name | verify-nextjs-mui |
| description | MUI-specific Next.js verification checklist — sx/Emotion SSR setup, Grid size prop. |
| disable-model-invocation | true |
MUI-specific checklist for a Next.js + Material UI project. Run alongside verify-nextjs.md (general Next.js/React concerns) — this file only covers what MUI adds. MUI projects use Emotion, not Tailwind, so skip the Tailwind section of verify-nextjs.md.
Flag each as PASS, WARN, or FAIL.
sx prop (or styled()), not inline style={{}}tailwind.config, postcss.config, or globals.css utility layer (MUI owns styling via Emotion)primary.main, text.secondary, spacing units), not hardcoded hex/pxstyled-components is not mixed inAppRouterCacheProvider wraps the app with options={{ enableCssLayer: true }} so Emotion styles are injected correctly during SSR (no style flash / hydration mismatch)InitColorSchemeScript is rendered (matching the theme's attribute) to prevent a light/dark flash on loadThemeProvider + CssBaseline live in layout.tsx, not re-declared in nested providersGrid uses the v6+ size prop (<Grid size={{ xs: 12, sm: 6 }}>), not the deprecated item + xs/sm/md propsProduce a verification-report.md (same format as verify-django), adding a "MUI" section.