复制安装命令
用 Codex 或 Claude 安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它先审查 Skill 页面再帮你安装。
复制前请先查看来源、License 和安全提示。
SkillAtlasSkill 详情
material-ui-tailwind
Average time to resolve an issue
审核状态：已审核Quality 72Security 90
项目 README
来源文件：README.md
Material UI
Material UI is a comprehensive library of React components that features our independent implementation of Google's Material Design system. It's trusted by some of the world's greatest product teams because it's been rigorously battle-tested through more than a decade of development by thousands of open-source contributors.
Material UI's core functionality is extended by MUI X, a suite of complex components for advanced use cases.
Documentation
Get started in the Material UI documentation.
Older versions
Note: @next points to pre-releases.
Use @latest for the latest stable release.
Sponsors
Diamond 💎
Diamond sponsors are those who have pledged $1,500/month or more to MUI.
Gold 🏆
via Open Collective or via Patreon
Goread.io Buzzoid Twicsy Poprey SocialWick Follower24 Views4You DaoSMM
Gold sponsors are those who have pledged $500/month or more to MUI.
More backers
See the full list of our backers.
Questions
For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues.
Examples
Our documentation features a collection of example projects.
Premium templates
You can find complete templates and themes in the MUI Store.
Contributing
Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
Contributing is about more than just issues and pull requests! There are many other ways to support Material UI beyond contributing to the code base.
Changelog
The changelog is regularly updated to reflect what's changed in each new release.
Roadmap
Future plans and high-priority features and enhancements can be found in the roadmap.
License
This project is licensed under the terms of the MIT license.
Security
For details on supported versions and contact information for reporting security issues, please refer to the security policy.
Sponsoring services
These great services sponsor MUI's core infrastructure:
GitHub lets us host the Git repository and coordinate contributions.
Netlify lets us distribute the documentation.
CodeCov lets us monitor test coverage.
文档与办公
低风险
- 来源需自行核对维护者身份。
- 未检测到明显脚本安装指令。
- 可能需要外部 token、网络权限或第三方服务。
- 未检测到高风险命令。
- 扫描发现：0 条。
Codex — Git Clone 安装
- 安装前请先查看来源仓库和风险报告。
- 克隆仓库：git clone https://github.com/mui/material-ui.git
- 将 "skills/material-ui-tailwind" 文件夹复制到 Codex 的 skills 目录中。
- 重启 Codex 让新的 skill 生效。
Codex — 手动复制安装
- 安装前请先查看来源仓库和风险报告。
- 从源仓库下载 SKILL.md 及相关文件。
- 在 Codex 的 skills 目录中创建新文件夹。
- 将所有 skill 文件复制到新文件夹中。
- 重启 Codex 让新的 skill 生效。
Claude Code — Git Clone 安装
- 安装前请先查看来源仓库和风险报告。
- 克隆仓库：git clone https://github.com/mui/material-ui.git
- 将 "skills/material-ui-tailwind" 文件夹复制到 Claude Code 的 skills 目录中。
- 重启 Claude Code 让新的 skill 生效。
Claude Code — 手动复制安装
- 安装前请先查看来源仓库和风险报告。
- 从源仓库下载 SKILL.md 及相关文件。
- 在 Claude Code 的 skills 目录中创建新文件夹。
- 将所有 skill 文件复制到新文件夹中。
- 重启 Claude Code 让新的 skill 生效。
Cursor — Git Clone 安装
- 安装前请先查看来源仓库和风险报告。
- 克隆仓库：git clone https://github.com/mui/material-ui.git
- 将 "skills/material-ui-tailwind" 文件夹复制到 Cursor 的 skills 目录中。
- 重启 Cursor 让新的 skill 生效。
Cursor — 手动复制安装
- 安装前请先查看来源仓库和风险报告。
- 从源仓库下载 SKILL.md 及相关文件。
- 在 Cursor 的 skills 目录中创建新文件夹。
- 将所有 skill 文件复制到新文件夹中。
- 重启 Cursor 让新的 skill 生效。
GitHub Copilot — Git Clone 安装
- 安装前请先查看来源仓库和风险报告。
- 克隆仓库：git clone https://github.com/mui/material-ui.git
- 将 "skills/material-ui-tailwind" 文件夹复制到 GitHub Copilot 的 skills 目录中。
- 重启 GitHub Copilot 让新的 skill 生效。
GitHub Copilot — 手动复制安装
- 安装前请先查看来源仓库和风险报告。
- 从源仓库下载 SKILL.md 及相关文件。
- 在 GitHub Copilot 的 skills 目录中创建新文件夹。
- 将所有 skill 文件复制到新文件夹中。
- 重启 GitHub Copilot 让新的 skill 生效。
Windsurf — Git Clone 安装
- 安装前请先查看来源仓库和风险报告。
- 克隆仓库：git clone https://github.com/mui/material-ui.git
- 将 "skills/material-ui-tailwind" 文件夹复制到 Windsurf 的 skills 目录中。
- 重启 Windsurf 让新的 skill 生效。
Windsurf — 手动复制安装
- 安装前请先查看来源仓库和风险报告。
- 从源仓库下载 SKILL.md 及相关文件。
- 在 Windsurf 的 skills 目录中创建新文件夹。
- 将所有 skill 文件复制到新文件夹中。
- 重启 Windsurf 让新的 skill 生效。
查看 SKILL.md 原文
name: material-ui-tailwind
description: 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.
license: MIT
metadata:
author: mui
version: '1.0.0'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.*.classNameon 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.
评论 (0)
暂无评论，成为第一个评论者吧！