What problem does it solve? Implemented interfaces often get approved because they are technically clean, even when the rendered result is visually weak or damages conversion, trust, accessibility, or mobile usability. This Skill provides an independent rendered-output review gate that scores the actual page and blocks weak work before launch. ## Core Features & Use Cases - Independent Visual Scorecard: Scores the rendered page 1-10 across character, clarity, beauty, composition, typography, rhythm, perceived quality, commercial direction, and mobile UX, with evidence-based reasons. - Structured Quality Gates: Applies dedicated gates for the hero section, request form, mobile rendering at ~390px, synthetic imagery intentionality, visual load, and credibility of proof elements like reviews or logos. - Benchmark Comparison: Compares the rendered page against 2-3 strong reference sites on transferable mechanisms such as whitespace control, scale contrast, and CTA dominance. - Use Case: After a frontend agent implements a landing page, run this review at 390px and 1440px viewports to receive a PASS, REVISE, or BLOCK verdict with a P0/P1/P2 severity list and honest scorecard. ## Quick Start Review the rendered landing page at mobile and desktop widths against the approved design documents and return a PASS, REVISE, or BLOCK verdict with the full visual scorecard.
