What problem does it solve?
It removes the small but noticeable issues—misalignment, inconsistent spacing, missing states, rough copy, and accessibility gaps—that make otherwise good work feel unfinished.
Core Features & Use Cases
- System-aligned visual refinement: Verifies alignment, spacing scale usage, typography hierarchy, and optical balance against the design system (or visible conventions if none exist).
- Interaction-state completeness: Ensures every interactive element has default/hover/focus/active/disabled/loading/error/success states with consistent motion and reduced-motion support.
- Final quality and ship readiness: Covers edge cases, responsiveness, performance basics (CLS/LCP awareness), and cleanup checks (no debug logs, no dead code, no TypeScript laxness).
Quick Start
Tell the agent to polish the target feature for a final pre-launch review, including visual, typography, interaction states, responsiveness, and a last cleanup pass.