원클릭으로
원클릭으로
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`.
Get better understanding about the structure before writing documentation for a software or system. Invoke when asked/requested to plan on creating documentation.
| 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.