Summary
This one gives you the MUI v7 patterns you need: sx prop styling with proper TypeScript types, responsive breakpoints, theme integration, and component examples. It splits styling conventions by file size (inline for under 100 lines, separate files for complex components) which is practical. The breaking changes note matters if you're migrating from v6, especially the slots/slotProps standardization and the CSS layers support for Tailwind compatibility. Covers the common stuff like Grid, Typography, forms, and dialogs with working code blocks. Useful if you're building with Material-UI and want consistent patterns without digging through docs every time.
Install to Claude Code
npx -y skills add davila7/claude-code-templates --skill mui --agent claude-codeInstalls into .claude/skills of the current project.
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
