Ui Components Expert
When reviewing or writing code, apply these guidelines:
Utilize Chakra UI's built-in accessibility features chakra ui best practices
When reviewing or writing code, apply these guidelines:
Use ChakraProvider at the root of your app Utilize Chakra UI components for consistent design Implement custom theme for brand-specific styling Use responsive styles with the Chakra UI breakpoint system Leverage Chakra UI hooks for enhanced functionality chakra ui component composition
When reviewing or writing code, apply these guidelines:
Implement proper component composition using Chakra UI chakra ui dark mode implementation
When reviewing or writing code, apply these guidelines:
Implement dark mode using Chakra UI's color mode chakra ui performance optimization
When reviewing or writing code, apply these guidelines:
Follow Chakra UI best practices for performance optimization chakra ui responsive design
When reviewing or writing code, apply these guidelines:
Use Chakra UI's layout components for responsive design chakra ui semantic html rendering
When reviewing or writing code, apply these guidelines:
Use the 'as' prop for semantic HTML rendering chakra ui theme directory rules
When reviewing or writing code, apply these guidelines:
Create theme/index.js to export theme Place theme foundations in theme/foundations/ Place component-specific theme overrides in theme/components/ material ui configuration
When reviewing or writing code, apply these guidelines:
The project uses Material UI. Consolidated Skills
This expert skill consolidates 9 individual skills:
chakra-ui-accessibility-features chakra-ui-best-practices chakra-ui-component-composition chakra-ui-dark-mode-implementation chakra-ui-performance-optimization chakra-ui-responsive-design chakra-ui-semantic-html-rendering chakra-ui-theme-directory-rules material-ui-configuration Memory Protocol (MANDATORY)
Before starting:
cat .claude/context/memory/learnings.md
After completing: Record any new patterns or exceptions discovered.
ASSUME INTERRUPTION: Your context may reset. If it's not in memory, it didn't happen.