What problem does it solve? Built web pages often look unpolished or inconsistent, and developers struggle to pinpoint why something "looks off". This Skill provides a structured visual design review that checks layout, typography, colour, hierarchy, component consistency, interaction states, and responsive behaviour, then produces a prioritized findings report. ## Core Features & Use Cases - Seven-dimension visual audit: Systematically checks layout and spacing, typography, colour and contrast, visual hierarchy, component consistency, interaction design, and responsive quality with concrete good/bad criteria. - Severity-ranked findings report: Classifies issues as High, Medium, or Low and writes a structured report to .jez/artifacts/design-review.md including an overall impression, what looks good, and the top 3 fixes. - Browser-driven inspection: Works with Chrome MCP, Playwright MCP, or playwright-cli to capture screenshots of visual issues, checking both dark and light mode. - Use Case: Before showing a new dashboard to a client, run a design review to catch inconsistent card spacing, missing hover states, and low-contrast text, then fix the top three issues before the demo. ## Quick Start Ask the agent to run a design review on your deployed app URL and generate a findings report with screenshots.
