UI QA

Routes rendered UI testing, visual regression, browser QA, accessibility, responsive, performance, or frontend review to a leaf skill.

Mesteriis Updated 0 repo stars

File contents

UI QA Router

Use this skill for validation, debugging, and review of UI work.

Workflow

  1. Read the brief.
  2. Pick the smallest matching QA or review skill.
  3. Read that skill's SKILL.md.
  4. Validate the rendered UI or review the implementation against evidence.

Routing

  • Visual fidelity, screenshot comparison, UI regression -> playwright-visual-qa
  • Desktop/tablet/mobile layout verification -> responsive-breakpoint-check
  • Keyboard, focus, semantics, contrast, or ARIA review -> accessibility-ui-review
  • Rendered frontend testing / debugging -> frontend-testing-debugging
  • React / Next.js perf review -> react-best-practices
  • Principal code review for UI changes -> principal-review

Rule

If the prompt also needs evidence before validation, name ui-research as the next skill to read. If it needs more implementation changes, name ui-build.

Mesteriis/Engineering-Bible-AI/tree/main/skills/ui-qa commit 6e28c6a7c1

Frequently asked questions

npx skillmds@latest add mesteriis/ui-qa