.claude/skills/writing-registry-meta/SKILL.md
Use this skill when writing meta file for MUI Treasury registry.
npx skillsauth add siriwatknp/mui-treasury writing-registry-metaInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
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.
development
Always use this skill when integrating Base UI components `@base-ui-components/react` with Material UI `@mui/material`.
documentation
Get better understanding about the structure before writing documentation for a software or system. Invoke when asked/requested to plan on creating documentation.
development
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.
development
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.