SkillsAdd

mui/material-ui

material-ui-tailwind

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.

First seen Apr 29, 2026

Installation

$ npx skills add mui/material-ui --skill material-ui-tailwind
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

azure-rbac Shared topics
microsoft/azure-skills 489K installs
recipe-share-event-materials Similar name
googleworkspace/cli

Share Google Drive files with all attendees of a Google Calendar event.

26.7K installs
threejs-materials Similar name
cloudai-x/threejs-skills

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling…

9.1K installs
investor-materials Similar name
affaan-m/ecc

Create and update pitch decks, one-pagers, investor memos, accelerator applications, financial …

8.5K installs
material-3 Similar name
hamen/material-3-skill

Implement Google's Material Design 3 (Material You) UI system. Primary: Jetpack Compose Materia…

2.2K installs
threejs-materials-lighting Similar name
gamedev-skills/awesome-gamedev-agent-skills

Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasic…

2K installs

Also in this package

Other skills from mui/material-ui.

npx skills add mui/material-ui
material-ui-nextjs 8 material-ui-styling 440 material-ui-theming 379 material-ui-review 21

Browse all from mui/material-ui

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 99.0K
License LICENSE
Default branch master
Open issues 1,368
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
LicenseMIT
More metadata
author
mui
version
1.0.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,577 B
  • docs AGENTS.md 8,082 B
  • docs README.md 657 B
  • docs SUMMARY.md 302 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 318 installs

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](./AGENTS.md). Copy-paste snippets: [reference.md](./reference.md).