a11y-audit
Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning…
Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.
$ npx -y skills add plugin87/ux-ui-agent-skills --skill gate --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/gateContext preview
The summary Claude sees to decide when to auto-load this skill.
Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.
name: gate description: Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done. # A command the user runs. Converted from .claude/commands/ so it has a # CLAUDE_SKILL_DIR of its own and its paths resolve on every install route. # disable-model-invocation keeps the behaviour a command had: the user # starts it, the model never does, and its description stays out of the # listing budget the model's skill choice is drawn from. disable-model-invocation: true
> **Step 0 — is the kit here?** This skill reads files from the kit. Check once: > `ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING` > On `KIT_MISSING` only the skill folders were installed, which is what > `npx skills add` does. Say so plainly, point the user at > `npx ux-ui-agent-skills init` or the plugin install, and stop. Do not guess the > contents of a file you could not open.
Run the full quality gate and report the ACTUAL output — never a remembered or reasoned number.
1. Run: `node ${CLAUDE_SKILL_DIR}/../../../scripts/accuracy_report.mjs` (tokens + contrast + spec + no-hardcode + theme-refs + no-emoji + real-render WCAG + state-aware, light and dark — all-or-nothing). 2. Report the exact `N/N` line it prints. 3. If it is not fully green:
4. For any rendered HTML touched this session, also run the pixel-truth checks the gate cannot prove:
every state, click each control to confirm the state changed.
Honest scope: these gates prove objective correctness (tokens, a11y, no drift). They do not prove taste. Pair with `node ${CLAUDE_SKILL_DIR}/../../../scripts/taste_audit.mjs` + human review; never claim auto-100% on aesthetics.
Repo: plugin87/ux-ui-agent-skills
Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning…
Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist,…
Generate a complete, accessible brand design system from a brief — primitive → semantic →…
Adversarial design critique of the current work — render it, look at it, and argue for…
Build a dense, data-heavy screen - an analytics console or a trading terminal - with real…
Generate production-ready, accessible, token-driven component code for ANY framework —…