What problem does it solve? Visual defects and weak interface design often slip past code review because they only appear in the rendered product. This Skill inspects a running UI directly, catching layout bugs, clipping, misalignment, and inconsistent component styling while also delivering substantive design critique aimed at a beautiful, minimal interface. ## Core Features & Use Cases - Rendered-State Inspection: Navigate real user flows with browser automation, capture screenshots across natural, wide, and narrow viewports, and measure bounding boxes, computed styles, and component clearances. - Mandatory Acceptance Gate: Verify layout geometry, component interiors, border-stack consistency across control families, and reference landmarks before declaring a review complete. - Design System Inference & Critique: Derive the product's tokens and component patterns, then produce severity-ordered Bugs and prioritized Design Feedback with concrete fix directions. - Use Case: Before a release, point the Skill at your staging URL to get a structured report covering responsive breakpoints, hover/pressed/focus states, and high-leverage simplification opportunities. ## Quick Start Use $visual-review to inspect this running UI and report visual bugs and high-impact design improvements for a beautiful, minimal interface.
