# UI QA

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

- Skill: `mesteriis/ui-qa` (Agent Skill)
- Install (CLI): `npx skillmds@latest add mesteriis/ui-qa`
- Raw SKILL.md: https://api.skillmd.com/api/skills/mesteriis/ui-qa/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Mesteriis (https://skillmd.com/u/mesteriis)
- Updated: 2026-08-19
- Page: https://skillmd.com/skills/mesteriis/ui-qa

---


# 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`.