design-review

Provide a target URL or run it on a feature branch with no URL to enter diff-aware mode. The skill navigates the site, screenshots pages, evaluates a 10-category design checklist, and produces a graded audit report before fixing issues.

The audit checks roughly 80 items across 10 categories including visual hierarchy, typography scale and line-height, WCAG color contrast, spacing consistency, touch target sizes, and generic AI-looking patterns. Each finding gets an impact rating of high, medium, or polish.

Yes. When the skill detects a redirect to a login, signin, auth, or SSO path, it pauses and asks whether you want to import browser cookies first using the setup-browser-cookies flow.

Yes. On a feature branch with no URL given, it automatically enters diff-aware mode: it analyzes the branch diff, maps changed files to affected pages, detects a locally running app, and audits only the impacted pages.

Each design fix is committed atomically so changes can be reviewed and reverted individually. A dirty tree would mix your uncommitted work with automated fix commits, so the skill asks you to commit or stash before starting.

It evaluates rendered pages through screenshots and computed styles, so it cannot judge brand strategy, content quality, or subjective aesthetic direction. It also requires the browse binary to be built and a reachable target URL.