oxygen-component
Installation
SKILL.md
Generate Oxygen UI Component
Instructions
- Read
.claude/oxygen-ui/CLAUDE.mdfor critical rules - Read
.claude/oxygen-ui/components.mdfor API reference - Generate component using Oxygen UI patterns
Critical Rules
- Import ALL components from
@wso2/oxygen-ui(never from@mui/material) - Import icons from
@wso2/oxygen-ui-icons-react - Use theme tokens via
sxprop (e.g.,p: 2,bgcolor: 'background.paper') - Never hardcode colors or spacing values
- For data tables, prefer
ListingTableover MUI'sTable - For layouts, use
AppShell,Header,Sidebar