Skip to content
Development
Skill

/gate

Run the one-command quality gate and report the real N/N result. Use before claiming any build/review is done.

BOOST
From plugin
ux-ui-agent-skills
1.6k25 skills1 agent1 command3 hooks
+1
Install
$ npx -y skills add plugin87/ux-ui-agent-skills --skill gate --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/gate

Context 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.

SKILL.md

gate.SKILL.md
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:

  • List each failing check verbatim.
  • Fix the cause (do not suppress the check).
  • Re-run until green. Do not announce success between failures.

4. For any rendered HTML touched this session, also run the pixel-truth checks the gate cannot prove:

  • `node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_states.mjs <file> [--dark]`
  • `node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_responsive.mjs <file>`
  • RENDER-AND-LOOK: screenshot the harness, park the pointer off it, inspect

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.

Read more
Ships withux-ui-agent-skills

aka XIAS

Get the whole plugin
Stats
1,574
Stars
169
Forks
Active
Maintenance
JavaScript
Language
MIT
License
21h ago
Last commit
6mo ago
Created

Repo: plugin87/ux-ui-agent-skills

Other skills on ux-ui-agent-skills.