---
name: style-quality-review
description: Use when reviewing or improving UI styling, responsive behavior, CSS structure, inline styles, design polish, layout overflow, or visual regressions without changing product intent.
---

# Style Quality Review

Improve style quality while preserving the intended design.

## Workflow

1. Inspect existing UI conventions, shared primitives, tokens, CSS, inline style patterns, and relevant docs.
2. Classify issues as visual breakage, responsive failure, style structure risk, state coverage gap, or design-change risk.
3. Keep changes minimal and aligned with the project style policy.
4. Apply the matching style policy skill when the repository convention is explicit: `design-system-first`, `css-class-first`, `utility-class-first`, or `inline-style-first`.
5. Verify in browser or rendered UI when the task changes visible behavior.

## Reference

Read `references/style-review-checklist.md` for detailed review criteria and style policy selection rules.