mui-mcp

What problem does it solve?

This Skill guides engineers to implement MUI components in React/TypeScript following project rules, with optional MUI documentation retrieval to ensure accuracy for complex components.

Core Features & Use Cases

• Documentation-aware implementation: Enforces deep imports, Box/Stack layout, and system props while optionally fetching MUI docs for complex components (Table, Autocomplete, Data Grid, etc.).
• Complex component handling: When a component is high-risk, prompts for docs fetch and uses MCP results to implement.
• Consistent code patterns: Applies project rules uniformly across components, ensuring consistency with existing codebase.

Quick Start

Request a complex MUI component (e.g., a data table) and let this Skill manage complexity assessment, optional docs fetch, and then generate code with deep imports and Box/Stack layout.