design-qa-checklist

Verify design implementations against specifications with a structured QA checklist.

2.0k|325|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/Owl-Listener/designer-skills --skill design-qa-checklist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-qa-checklist
Source: https://github.com/Owl-Listener/designer-skills/tree/main/design-ops/skills/design-qa-checklist
Command: npx skills add https://github.com/Owl-Listener/designer-skills --skill design-qa-checklist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This checklist provides a repeatable framework to verify that design implementations align with the intended design specs, reducing defects and rework.

Core Features & Use Cases

  • Comprehensive QA categories cover Visual Accuracy, Layout, Interaction, Content, Accessibility, and Cross-Platform compatibility, enabling thorough checks across design artifacts.
  • Structured QA process guides self-review, designer QA, bug filing with visual evidence, and prioritized fixes to speed delivery.
  • Real-world use case: apply the checklist to a new UI component to verify token usage, spacing, typography, and accessibility attributes.

Quick Start

Run a QA review against the latest design specs to generate a prioritized defect log.

Frequently Asked Questions about design-qa-checklist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is a design QA checklist and how does it verify UI implementation?

A design QA checklist is a structured framework that verifies UI implementations meet design specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform compatibility. It reduces defects and rework by ensuring consistency and quality.

How do I perform a design QA review on UI components?

To perform design QA, run a structured review against design specs using categories like visual accuracy and accessibility. The workflow guides self-review, designer QA, bug filing with visual evidence, and prioritized fixes to speed delivery.

Can I use this design QA checklist for accessibility and token verification?

Yes, the design QA checklist covers accessibility attributes and design token verification. You can apply it to UI components to check token usage, spacing, typography, and accessibility features to ensure they meet design specifications.

What's the best way to log and prioritize bugs found during design QA?

The best way to log bugs during design QA is to follow the structured process of filing defects with visual evidence, then using the prioritization framework to rank fixes. This systematic approach speeds delivery and reduces rework.

Does this design verification process work for cross-platform compatibility checks?

Yes, design verification includes cross-platform compatibility as a core QA category. The checklist applies across UI components, layouts, tokens, and accessibility to ensure consistent design quality and accuracy across different platforms.

When do I need a structured design QA process instead of informal review?

You need a structured design QA process when verifying complex implementations across multiple categories like layout, interaction, and accessibility. The repeatable framework ensures thorough checks, generates prioritized defect logs, and reduces defects better than informal review.