mui
tessl i github:softaworks/agent-toolkit --skill muiMaterial-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
Validation
75%| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (505 lines); consider splitting into references/ and linking | Warning |
metadata_version | 'metadata' field is not a dictionary | Warning |
license_field | 'license' field is missing | Warning |
body_steps | No step-by-step structure detected (no ordered list); consider adding a simple workflow | Warning |
Total | 12 / 16 Passed | |
Implementation
100%This is an excellent skill file that efficiently documents MUI v7 patterns with executable, typed code examples. It appropriately notes v7 breaking changes (valuable information Claude wouldn't have), maintains consistent structure throughout, and provides clear guidance on styling organization patterns. The progressive disclosure to external resources is well-signaled.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is lean and efficient, providing code examples without explaining what MUI is or how React works. The v7 breaking changes note adds genuine value by documenting recent changes Claude wouldn't know. | 3 / 3 |
Actionability | All code examples are fully executable TypeScript with proper imports, type annotations, and copy-paste ready patterns. The examples cover real-world use cases with complete, working code. | 3 / 3 |
Workflow Clarity | For a component library skill, the workflow is appropriately simple - it's pattern-based rather than multi-step procedural. The organization from basic to advanced patterns provides clear guidance on when to use each approach (inline styles <100 lines vs separate files). | 3 / 3 |
Progressive Disclosure | The skill provides a comprehensive overview with well-organized sections, and appropriately references external files (styling-guide.md, component-library.md, theme-customization.md) for advanced topics. Navigation is clear with one-level-deep references. | 3 / 3 |
Total | 12 / 12 Passed |
Activation
N/ASomething went wrong
Reviewed
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.