frontend-design-review

To audit UI components for design-system compliance, verify typography, spacing, tokens, and color usage against design-system documentation using structured review templates. This ensures implementations adhere to established standards and accessibility requirements.

A frontend design review is a structured assessment of UI implementations to ensure design-system alignment, aesthetic quality, and accessibility. It evaluates visual direction, contrast, and overall craft across PR, design, and creative frontend workflows.

Yes, you can use this for PR reviews and design reviews. The skill supports dedicated review modes for PRs, design evaluations, and creative frontend work to guide implementation iteration and verify design-system compliance.

To check accessibility and aesthetic quality in a UI audit, assess visual direction, contrast, and overall craft against accessibility requirements. This ensures user-focused task completion while maintaining high-quality visual standards.

Yes, this design review verifies token usage and color alignment. It audits typography, spacing, tokens, and colors against the design system to ensure full compliance and justify any deviations using decision records.

The best way to review frontend design for component libraries is to load the UI component into a structured review workflow and perform a design-system aligned assessment. This justifies deviations by consulting design-system documentation and decision records.