Design Review

A structured UI audit that catches the design issues you'd normally need a designer to spot. It walks through responsive behavior, WCAG 2.1 AA accessibility, visual consistency, and typography across your breakpoints using actual browser validation. You get findings tied to specific standards (Material Design touch targets, APCA contrast, typographic scales) with screenshots and confidence scores. Most useful right before shipping something without design review, or when you need to document accessibility compliance. The five phase flow (educate, scope, analyze, report, remediate) keeps it systematic, and it generates YAML regression tests so the issues stay fixed. Checks 40+ criteria from viewport meta tags to focus trap behavior.

Install to Claude Code

npx -y skills add shiplightai/agent-skills --skill design-review --agent claude-code