mui/material-ui-docs/material-ui-styling

Name: material-ui-styling
Author: mui

Claude Code and agent skill by mui/material-ui-docs

Trust tier 3

community

Source check pending

Checking that the SKILL.md file is still in the repository.

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.

Install

npx vskill@latest install mui/material-ui-docs/material-ui-styling

SKILL.md

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.

Security

Security scanPassed, 100 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-styling/SKILL.md

Popularity

Repository stars: 338
Repository forks: 65
7-day trend score: 29

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

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