Analyze responsive design across breakpoints
/plugin marketplace add Lobbi-Docs/claude/plugin install chakra-react-toolkit@claude-orchestration[component-path] [--breakpoints=sm,md,lg,xl,2xl]# Responsive Design Analysis Command When this command is invoked, analyze component(s) for responsive design patterns, identify issues, and generate recommendations for improving mobile, tablet, and desktop experiences. ## Execution Steps 1. **Locate Target Components** - Read specified component file(s) - Parse JSX to identify Chakra responsive props - Extract breakpoint usage patterns 2. **Analyze Responsive Patterns** - Check for responsive prop usage (object/array syntax) - Identify hardcoded values that should be responsive - Detect breakpoint inconsistencies ...