用途
Material UI styling 是一个面向智能体的技能（Agent skill），用于在 Material UI 中挑选正确的样式层，遵循“作用范围由窄到宽”的原则。当需要为 @mui/material 组件设置样式、在多种样式方案之间做选择时使用。
主要能力
该技能覆盖以下判断场景：
- 在 sx、styled()、主题 components 覆盖或全局 CSS 之间为某次改动做选择；
- 安全地覆盖组件插槽（slots）或状态；
- 比较 sx 与 styled() 的语义差异（间距、主题快捷方式）。
使用方式
SKILL.md 是入口与索引；AGENTS.md 是完整指南，包含完整说明、示例与文档链接。补充表格见 reference.md。
AGENTS.md 按优先级组织为以下章节：
- 快速决策：选择顺序为 sx → styled → theme → global；
- sx prop：一次性 / 局部样式；
- styled()：可复用的包装组件；
- createTheme({ components })：影响所有实例；
- GlobalStyles / CssBaseline：HTML 基线 / 全局样式；
- sx 与 styled() 对照表：用于避免踩坑。
适用场景
适用于使用 Material UI（@mui/material）进行组件样式开发、需要判断样式应写在哪个层级、或需要安全覆盖组件插槽与状态的场景。
限制
资料未提供该技能的具体安装命令、依赖版本、收费方式或平台支持信息，暂未提供。