From ui-designer
Review page layouts for visual hierarchy, spacing consistency, alignment, and responsive behavior
npx claudepluginhub silviaare95/xari-plugins --plugin ui-designerThis skill uses the workspace's default tool permissions.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Proposes cuts, reorganization, and simplification to improve document structure, clarity, and flow while preserving comprehension. Use for structural or editorial reviews.
Review layout for: $0
Breakpoint focus: $1 (default: all)
Analyze visual hierarchy:
Check spacing system:
Check alignment:
Check responsive behavior:
Check content overflow:
truncate class or break-words?## Layout Review: <target>
### Hierarchy
- **Score**: clear | mostly clear | unclear
- <issues>
### Spacing
- **Consistency**: consistent | mostly | inconsistent
- <issues with specific classes to fix>
### Responsive
| Breakpoint | Status | Issues |
|------------|--------|--------|
| Mobile | pass/fail | <issues> |
| Tablet | pass/fail | <issues> |
| Desktop | pass/fail | <issues> |
### Fixes
1. **<element>**: change `<current classes>` → `<fixed classes>`