Menu
Use this skill when writing meta file for MUI Treasury registry.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/siriwatknp/mui-treasury --skill writing-registry-metaThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Use this skill for any task involving app layouts — building new layouts, adding sidebars or navigation to existing apps, migrating an existing layout to mui-treasury components, or reviewing/improving layout structure. Trigger whenever the user mentions dashboard layout, sidebar navigation, app shell, header/footer/content structure, collapsible sidebar, drawer navigation, layout with sidebar, or asks to "build a layout", "add a sidebar", "set up the app layout", "review the layout". Also trigger when a mockup or design shows an app with sidebar + header + content regions, even if the user doesn't say "layout" explicitly.
MUI component styling and implementation rules — sx prop patterns, theme usage, dark mode, spacing, accessibility, form best practices, chart config, and component-specific gotchas. Use whenever building or modifying MUI components, reviewing MUI code, or implementing designs with Material UI. Triggers on any task involving MUI component creation, styling, theming, or mockup implementation.
Always use this skill when integrating Base UI components `@base-ui-components/react` with Material UI `@mui/material`.
Showing SKILL.md
Based on SOC occupation classification
| name | writing-registry-meta |
| description | Use this skill when writing meta file for MUI Treasury registry. |
name: The registry name in kebab-case, same as file name without extension.title: The name of the registry usually the same as the component name in Pascal case.type: always "registry:item".description: IMPORTANT! Describe the registry in detail to help LLM understand what the interface looks like and its purpose. Start with "Integrated [library name]" if using third-party libraries (e.g., Base UI). Focus on visible features (buttons, labels, states) and accessibility. DO NOT list individual Material UI components.meta: Additional metadata about the registry
category: one of "primitive", "ai"previewClassName: The extra class name to add to the preview container.IMPORTANT! after writing/updating a meta file, run pnpm registry:build to populate the registry index.