review-design

A UI design review analyzes frontend assets to score anti-patterns like spacing rhythm and typography drama. You provide the target page or component, and the workflow evaluates design quality, outputting a structured report with an optional wireframe HTML for improvement direction.

A design token system standardizes UI visual attributes like spacing and color. During UI quality assessment, the review checks token usage to detect inconsistencies, ensuring your components maintain a cohesive visual language and proper accessibility standards across the dashboard.

To generate a wireframe for fixing UI anti-patterns, the skill first scores elements like card soup and empty states. After producing a design quality report, it outputs a reference HTML wireframe that embodies improved layout decisions while preserving valid structural choices.

Yes, you can evaluate accessibility compliance during a frontend design review. The analysis includes specific anti-pattern scoring for accessibility checks, verifying that your UI components provide adequate state indicators and meet standard requirements within the design quality report.

Common UI anti-patterns checked during a design quality report include card soup, spacing rhythm, typography drama, depth issues, missing state indicators, motion problems, table layouts, empty states, and improper design token usage across your components.

UI design review works effectively for both full dashboard pages and individual UI components. The analysis applies anti-pattern scoring and wireframe generation across varying scopes to provide actionable UI polish directions regardless of the target size.