Generate visual snapshot tests for Chakra components
/plugin marketplace add Lobbi-Docs/claude/plugin install lobbi-docs-chakra-react-toolkit-chakra-react-toolkit@Lobbi-Docs/claude# Generate Visual Snapshot Tests
Create comprehensive visual snapshot tests for the specified Chakra UI component.
## Component: $ARGUMENTS.component
## Configuration
- **Variants**: ${ARGUMENTS.variants || 'solid,outline,ghost'}
- **Sizes**: ${ARGUMENTS.sizes || 'sm,md,lg'}
- **States**: ${ARGUMENTS.states || 'default,hover,focus,disabled'}
- **Framework**: ${ARGUMENTS.framework || 'vitest'}
## Instructions
Generate a snapshot test file that covers:
### 1. Basic Rendering Snapshots
### 2. Variant Snapshots
Create snapshots for each variant:
- solid variant
- outline variant
- ghost...