Mui Base

This is a comprehensive style guide extracted from the MUI Base UI codebase with 48 rules across component patterns, naming conventions, organization, error handling, and styling. Use it when building headless component libraries that separate logic from presentation, especially if you're working with compound components, render props, or accessibility-first patterns. The guidelines are pragmatic and specific, covering everything from how to name context hooks (useComponentContext) to memoizing provider values. It's opinionated about structure (dual barrel exports, kebab-case directories) but that's the point. If you're building unstyled primitives or component libraries where consumers bring their own styling, these patterns will save you from reinventing solutions to problems MUI already solved.

skills.sh installs: 335
GitHub stars: 222
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add pproenca/dot-skills --skill mui-base --agent claude-code

Installs into .claude/skills of the current project.

Files

MUI Headless UI Best Practices

Comprehensive style guide for building headless React component libraries following MUI Base UI patterns. Contains 48 rules across 5 categories, prioritized by impact.