mui

Malicious tool definition detected

Tool: README.md Description: # MUI v7 Patterns Skill A comprehensive skill for working with Material-UI v7 components, styling, and best practices in React applications.

Malicious tool definition detected

Tool: SKILL.md [1/2] Description: --- name: mui description: Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks.

Tool: SKILL.md [2/2] Description: // ✅ Good const styles: Record<string, SxProps<Theme>> = { container: { p: 2 }, }; // ❌ Avoid const styles = { container: { p: 2 }, // No type safety }; ``` ### 2.

Malicious tool definition detected

Tool: resources/component-library.md Description: # MUI Component Library ## Layout Components ### Box The fundamental building block: ```typescript <Box component="section" sx={{ display: 'flex', flexDirection: 'column', gap: 2, p: 3, bgcolor: 'background.paper', borderRadius: 2 }} > <Typography variant="h5">Section Title</Typography> <Typography variant="body1">Content goes here</Typography> </Box> ``` ### Container Centers content with max-width: ```typescript <Container maxWidth="lg" sx={{ p

Malicious tool definition detected

Tool: resources/styling-guide.md Description: # MUI Styling Guide ## The sx Prop The `sx` prop is the primary styling method in MUI v7+: ```typescript <Box sx={{ p: 2, // padding: theme.spacing(2) mb: 3, // marginBottom: theme.spacing(3) bgcolor: 'primary.main', // theme.palette.primary.main color: 'white', borderRadius: 1, // theme.shape.borderRadius '&:hover': { bgcolor: 'primary.dark' } }} /> ``` ## Theme-Aware Values ```typescript // Spacing (mult

Malicious tool definition detected

Tool: resources/theme-customization.md [1/2] Description: # MUI Theme Customization ## Creating a Custom Theme ```typescript import { createTheme, ThemeProvider } from '@mui/material/styles'; import CssBaseline from '@mui/material/CssBaseline'; const theme = createTheme({ palette: { mode: 'light', primary: { main: '#1976d2', light: '#42a5f5', dark: '#1565c0', contrastText: '#fff' }, secondary: { main: '#9c27b0', light: '#ba68c8', dark: '#7b1fa2', contrastText: '#fff' }, error: { main: '#d32f2f'

Tool: resources/theme-customization.md [2/2]

Malicious tool definition detected

Tool: skill-rules-fragment.json Description: { "mui": { "type": "domain", "enforcement": "suggest", "priority": "high", "promptTriggers": { "keywords": [ "mui", "material-ui", "material ui", "@mui/material", "@mui/icons-material", "@mui/system", "sx prop", "mui theme", "ThemeProvider", "createTheme", "useTheme", "styled", "Box", "Typography", "Button", "TextField", "Card", "Dialog", "Drawer", "AppBar", "Grid", "Stack", "Paper", "Container", "IconButton", "Chip", "Avatar", "Alert", "Snackbar", "M