Design QA

Use when the user wants visual QA, screen QA, responsive QA, polish review, pre-launch design review, or a structured check of an implemented UI or design artifact. Also use when the user says review this UI, check mobile polish, verify the screen, or make sure the design feels consistent and complete.

newmindsgroup 67d84b6 2 files · 1.7 KB Updated

File contents

Design QA

Use this skill to standardize visual and UX quality checks after a design or implementation exists.

Read First

  • /Users/newmindsgroup/.codex/knowledge/design-reviews/design-qa-checklist.md
  • /Users/newmindsgroup/.codex/knowledge/design-reviews/visual-anti-pattern-checklist.md
  • /Users/newmindsgroup/.codex/knowledge/ux-patterns/states-heuristics.md
  • /Users/newmindsgroup/.codex/knowledge/visual-core/typography-rules.md
  • /Users/newmindsgroup/.codex/knowledge/visual-core/spacing-radius-elevation.md

Use screenshots, browser captures, or Figma screenshots when available. Prefer screenshot-driven review over abstract judgment.

Scope

  • visual hierarchy
  • CTA prominence
  • spacing consistency
  • mobile and desktop behavior
  • state coverage
  • accessibility basics
  • overall polish

Workflow

  1. Identify the surface and artifact type.
  2. Review the UI against the checklist and style defaults.
  3. Prioritize launch blockers before polish notes.
  4. Separate visual, UX, and responsive findings only when it improves clarity.

Outputs

  • prioritized QA findings
  • launch blockers
  • polish recommendations

newmindsgroup/ai-agent-skills-library/tree/main/sources/sickn33-antigravity-awesome-skills/skills/design-qa commit 67d84b645a

Frequently asked questions

npx skillmds@latest add newmindsgroup/design-qa