Accessibility and qualityLocal editorial record

Design QA

Set up or run design QA gates , token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manual a11y checklist.

Catalog record

Installable source artifact

This page explains the direction locally, then links to the exact upstream artifact and its verified install command.

What this gives you

A clearer brief for the agent.

Makes inclusive behavior and quality checks part of the visual implementation.

Expected result

A more usable interface with fewer avoidable contrast, focus, and interaction failures.

Use it when

A polished screen also needs to work for more people and more input modes.

Source repository stars

502

Source repository · verified 2026-08-17

Install status

Installable source artifact

design-qa · Skills CLI

Install this skill with one command.

This exact source artifact can be installed in your project with the Skills CLI.

$npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill design-qa

Skill name: design-qa · installs into the agent directory selected by the CLI.

Open source SKILL.md Read install guidance

Related directions

Continue inside DesignMD.

Full output enforcementOverrides default LLM truncation behavior.Audit reference originalityAudit a website or digital experience against its supplied source references for originality and plagiarism risk.Optimize web animationsProfile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, m Accessibility auditRun a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles.