cyberneticlibrary

Run design QA and regression tests

design-qaskillsetup L2211
plugin87/ux-ui-agent-skills
What it does

Set up and run design QA gates for tokens, contrast, a11y, and regressions

Best for

Design quality automation when commit-level gates for tokens, contrast, a11y, and visual regression must prevent regressions from reaching main.

Inputs
  • · CI/CD workflow file
  • · component/screen paths
  • · baseline snapshots
Outputs
  • · token lint gate
  • · contrast gate
  • · axe-core a11y gate
  • · visual regression baseline
Requires
  • · Python (scripts/validate_tokens.py, contrast.py, lint_hardcodes.py)
  • · axe-core
  • · visual regression tool
  • · Chromium headless
Preconditions

Token system defined; component code present; CI pipeline exists; baseline snapshots captured

Failure modes

Gate logic not enforced in CI; baseline stale; axe violations undetected; visual regression snapshot missing

Trust signals
  • · plugin87/ux-ui-agent-skills repo
  • · 4-layer QA pyramid
  • · measure_render.mjs true-contrast automation