{
    "app": {
        "name": "material-ui-styling",
        "description": "Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled.",
        "mode": "advanced-chat",
        "model_config": {
            "provider": "deepseek",
            "model": "deepseek-chat",
            "parameters": {
                "temperature": 0.7,
                "max_tokens": 4096
            }
        }
    },
    "instructions": "name material-ui-styling description Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use when styling @mui/material components, customizing themes, overriding slots, or comparing sx vs styled. license MIT metadata {\"author\":\"mui\",\"version\":\"1.0.0\"} Material UI styling Agent skill for picking the correct styling layer in Material UI (narrowest scope first). SKILL.md is the entry and index; AGENTS.md is the full guide. When to apply Choosing among sx , styled() , theme components , or global CSS for a change Overriding component slots or state safely Comparing sx vs styled() semantics (spacing, theme shortcuts) Sections in AGENTS.md (by priority) Order Topic Scope 1 Quick decision Pick sx → styled → theme → global 2 sx prop One-off / local 3 styled() Reusable wrapper 4 createTheme({ components }) All instances 5 GlobalStyles / CssBaseline HTML baseline / globals 6 sx vs styled() table Foot-gun prevention Full guide Read AGENTS.md for the complete instructions, examples, and doc links. Supplementary tables: reference.md .",
    "variables": [],
    "opening_statement": "你好，我是 material-ui-styling，Chooses the right Material UI styling approach (sx...",
    "suggested_questions": [],
    "source": "DeepseekModel",
    "source_url": "https://deepseekmodel.com/skill?id=mui-material-ui-skills-material-ui-styling-skill-md"
}