Design Qa Checklist

Bridges the gap between designers handing off specs and developers implementing them by generating systematic QA checklists. Covers the usual suspects like visual accuracy and responsive behavior, but also the stuff that's easy to miss: focus states, reduced motion preferences, real content overflow, and WCAG contrast ratios. The checklist format works because it turns "does this look right?" into concrete verification steps you can actually tick off. Most useful when you're working on design systems or customer-facing features where pixel-perfect implementation matters. Honestly just a structured way to avoid the awkward back-and-forth when designers spot issues after merge.

Install to Claude Code

npx -y skills add owl-listener/designer-skills --skill design-qa-checklist --agent claude-code