mui/material-ui/material-ui-tailwind

Name: material-ui-tailwind
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 Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v3 interoperability (preflight, important, injectFirst, portals). Use when combining MUI with Tailwind utilities, slotProps className, or theme token bridges.

Install

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

SKILL.md

Material UI and Tailwind CSS

Agent skill for MUI + Tailwind. SKILL.md is the entry; AGENTS.md is the full guide.

When to apply

Tailwind utilities not overriding MUI (specificity / layer order)
Setting up v4 with Next.js App or Pages Router, or Vite
className / slotProps.*.className on MUI components
Mapping --mui-* variables into Tailwind @theme
Legacy v3 setups or migrations

Sections in AGENTS.md

Area	Topics
v4	`@layer` order, `mui` before `utilities`
Next.js	`enableCssLayer`, Pages `GlobalStyles` + shared cache
SPA	`StyledEngineProvider` + `enableCssLayer`
Usage	Root vs slot `className`
`@theme`	Full snippet on docs site; needs `cssVariables`
IntelliSense	VS Code `classRegex`
v3	preflight, `important`, `injectFirst`, portals

Full guide

Read AGENTS.md. Copy-paste snippets: reference.md.

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-tailwind/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-tailwind/badge)](https://verified-skill.com/skills/mui/material-ui/material-ui-tailwind)

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